ie6下面试用png使用滤镜需知

一个弹出框,圆角,带阴影,还半透明的阴影,那么,你肯定会想到用png了,是的,ie下,大家别无他法。

一般会这样来做

<div id=”box” style=”背景图片,if==ie6(加滤镜)”>

<div id=”boxcenter”   style=”">这里是弹出框的内容</div>

</div>

ok,一个漂亮的圆角阴影半透明的弹出框出来了,但是,在ie6下面,你会发现这个弹出框只可远观而不可亵玩,
你 里面的按钮啊什么的都无法捕捉到你的鼠标事件,杯具发生了。你在里面的按钮啊什么的都用不了。为什么?
这个,真的很难说,归咎于ie6的私有滤镜了,但是,如果你的png图片,在boxcenter的位置 切空了,也就是
你的png是个只有边框的图片的话,那么加了滤镜后,的png透明处都是可以使用的。

切记一点,背景图片的png加了滤镜后,这个element内部只有在png的透明位置才能响应你的鼠标,其他地方
都被滤镜屏蔽掉了!!!!!

万恶的ie6!!!!!!!!!!!

原文地址:https://www.cnblogs.com/litao229/p/2377499.html