IE8的alpha滤镜和谷歌的透明度（效果一致，IE8必须设置颜色，不然会被穿透下层dom元素）

情况：IE8的滤镜、谷歌（现代浏览器）的透明度，他们的效果基本一致，不过注意，他们存在的意义，个人认为是做遮罩层用的，也可以在其他dom之上，做一个透明的覆盖层，用于其他业务用途（我做过的是画板），不过一定需要注意的是：IE8上必须设置颜色，因为不设置的话，会直接穿透点中下层元素（即z-index比遮罩层低的元素），这也是IE8上的一个坑，老子算是遇到了，怕了怕了。

代码：

.div{
	/*必须指定颜色，因IE8，遮罩层的dom透明时，会被穿透，无法覆盖在底层dom之上*/
	background: #ffffff;
	/*透明度设置*/
    /*这里设置0.1，做透明面板使用*/
	/*兼容IE8:滤镜(相当于透明度),使得颜色变得最淡,看起来没有颜色一样*/
	filter:alpha(opacity=0.1);
	/*兼容谷歌:透明度,不加时,谷歌会看到div遮罩*/
	opacity:0.1;
}

 

参考文章：

ie8下遮罩被穿透问题的解决办法

Runoob：CSS3 filter(滤镜) 属性

MDN：opacity用法