应用开发 订阅所有【应用开发】的日志

CSS 图片重叠

作者:wang 日期:2009-10-21

字体大小: 小 中 大
有时我们要对已有的图片进行装饰，比如说加个标签或者打上促销标志等等。如果直接对图片处理，会比较麻烦。这里介绍一种使用CSS的超简单的办法。它是通过附加的标签，实现图片的重叠效果。

原理：

把原图放在一个
里，然后在这个
里插入一个空标签，然后在css样式里，给这个span加上背景图，这个背景图就是指原图的装饰。

CSS样式如下：注意在div(本例中class命名为grd )的样式里position被设成relative(相对); 而在span里position被设成absolute(绝对)；这个非常重要！而其它样式比如：width(宽度)，top(上间距) 都可以根据实际情况来定。

有了上面的CSS，HTML可以这样写：


  
  


上一篇: CSS中背景图片定位方法
下一篇: asp开发学校OA项目中常用到知识点（5）数据导出
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志:
评论: 0 | 引用: 0 | 查看次数: 6888
发表评论
昵　称:
密　码: 游客发言不需要密码.
邮　箱: 邮件地址支持Gravatar头像,邮箱地址不会公开.
网　址: 输入网址便于回访.
内　容:
验证码:
选　项:
虽然发表评论不用注册，但是为了保护您的发言权，建议您注册帐号.
字数限制 300 字 | UBB代码 开启 | [img]标签 关闭