CSS 图片重叠

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

原理:

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

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

有了上面的CSS,HTML可以这样写:


  
  


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