【www.gdgbn.com--flex】

首先我们选择一幅带有半透明点的png图片,页面的背景色是#660,观察在ie6/7/8下的表现。因为ie6不支持半透明点,所以就变成了灰色



 

这次在ie8里出现了一个很诡异的现象:img元素没有被应用上滤镜!原因就是其设置了position:absolute。如果去掉这句,就和ie7表现一样。由此可见ie8还有这样一个bug:滤镜不会应用到绝对定位的子元素上!不过在加了兼容模式就没问题了。



 

经过一番测试,div嵌套img仍然行不通。我们不妨用div嵌套div,而且不用background加载图片。如果你记性好的话,应该知道ie有个alphaimageloader的滤镜,我们试着用它加载png: 这回可总算对了!不仅在ie7,ie8下正确显示,连咱们的老祖宗ie6都通了。大功告成!

 

本文来源:http://www.gdgbn.com/flash/29771/