本文主要包含背景透明,css背景等相关知识,佚名 希望在学习及工作中可以帮助到您
今天要设计一个定位在图片上的标签，标签的背景要有一定的透明度，使用到了opacity的属性，过去没太注意这个属性的兼容性问题，结果采坑了。。。
1.完成后的效果
完成前后的效果应该是这样的：
背景透明前 背景透明后 
tag部分的html应该是这样的：
可以看出，chrome识别opacity，不识别filter和-moz-opacity。
IE9下：
ie9比较给力，除了识别filter，也能识别opacity，只是不识别特殊的-moz-opacity。
IE6，IE7，IE8下：
ie6、7、8下均只能识别filter。
FF（16）下：
我的ff16下可以支持opacity，但是不识别filter和-moz-opacity。
如果你有兴趣，还可以将以上代码在更多的浏览器上测试。
从上面的几种情况中已经可以发现了，后一种设置透明度的方式已经可以兼容了各种浏览器。所以，我推荐你使用这样的方式来设置透明度。