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/archive/2012/03/02/2377499.html