css容器背景透明，内部文字内容不透明

设置透明背景文字不透明，可采用的属性有rgba和IE的专属滤镜filter:Alpha，其兼容性如下图所示：

针对IE6、7、8浏览器，我们可以采用fiter:Alpha，针对标准浏览器我们采用rgba，那么问题来了，IE9浏览器2个属性都支持，一起使用会重复降低不透明度...

那么，如何只对IE6、7、8使用fiter:Alpha如何实现呢？方法如下：

/* 只支持IE6、7、8 */

@media \0screen\,screen\9 {...}

ok，所有问题都解决了，全部代码如下：

    


    
背景透明，文字不透明

可能很多同学会觉得很复杂，为什么不直接用两个DIV放在同一个位置就行了，一个不透明DIV，一个文字DIV，很简单的解决问题，这也是好个方法，但是需要写绝对定位或负margin，并出现空内容的DIV，而且这是这种方法在有些场景下也会显得复杂，如下示例，鼠标经过商标后展现展现透明的提示文案，就需要控制2个DIV啦~

 

作者：白树