兼容ie7,8背景半透明

作者：Jasmine - 2015年03月17日

<div class="img"><a href=""><img src="images/1.jpg" /></a><span>小猫咪</span></div>

body { background: #f1f1f1; font-size:12px; }
img{ border:0; }
.img { position: relative; width: 400px; height: 300px;color: #fff; }
.img a { position: absolute; color:#fff;text-decoration:none;}
.img span{ position:absolute; width:360px;  bottom:0px; left:0px;padding: 10px 20px; background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#70000000",endColorstr = "#70000000");}
.img a:hover{ color:#999; text-decoration:none;}

纯css样式实现，filter:progidXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#70000000",endColorstr = "#70000000");只需加入这段代码就可以实现ie6,7的半透明，不过目前这种方法还不能兼容ie6，要想兼容ie6可以用其他方法对齐加入一个颜色相近的背景色给它既可。

求半透明度值更简便的方法是：http://www.css88.com/demo/hex_color/ ，在上面写透明度值就可以知道滤镜值了，逆反的原理。

本文作者： Jasmine

本文链接： https://www.jianbaizhan.com/article/159

版权声明：本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！