http://www.gengbing.com/aboutme/?p=1417
刚才在怿飞的博客上看到,<img>标签,一样可以加上背景的。
以前不知道,但是看他那里评论,这个其实很早就有人用了,他的方法就是,首先将<img>标签设置成块(block),然后就可以加上背景了。
这种办法其实挺简单的,比如,做一系列的图片列表,需要添加背景的那种,就可以不用加上厚厚的边框来实现那种带边框的效果了。加上一个背景,还是挺好看的,加个花边或者别的。
怿飞这里有个例子可以看看:例子地址。
给img设置双边效果的代码可以参考下面的代码:
img {
display:block;
padding:1px;
background:red;
border:1px solid black;
}
一 条评论
这东西有一个很好的应用是,给img做一个gif动画的背景比如说沙漏什么的,表示图片在载入,图片载入完成之后,只要不是透明的png,会把这个沙漏挡住,不影响浏览