最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css ie滤镜png图片不兼容ie6/ie7/ie8解决办法
时间：2011-04-08 编辑：简简单单 来源：一聚教程网
首先我们选择一幅带有半透明点的png图片，页面的背景色是#660，观察在ie6/7/8下的表现。因为ie6不支持半透明点，所以就变成了灰色
这次在ie8里出现了一个很诡异的现象：img元素没有被应用上滤镜！原因就是其设置了position:absolute。如果去掉这句，就和ie7表现一样。由此可见ie8还有这样一个bug：滤镜不会应用到绝对定位的子元素上！不过在加了兼容模式就没问题了。
经过一番测试，div嵌套img仍然行不通。我们不妨用div嵌套div，而且不用background加载图片。如果你记性好的话，应该知道ie有个alphaimageloader的滤镜，我们试着用它加载png： 这回可总算对了！不仅在ie7，ie8下正确显示，连咱们的老祖宗ie6都通了。大功告成！
-
上一个： css让div在flash之上解决方法
-
下一个： 精致404 错误页面
相关文章
- 用CSS实现各种图片滤镜效果演示 12-26
- CSS 阴影效果(无需图片即可实现) 02-08
- CSS去掉图片img边框及如何防止图片撑破DIV 01-05
- CSS Sprites图片不清晰的问题(2倍的 CSS Sprites 如何缩放) 12-16
- css中input标签与图片按钮对不齐解决方法 06-10
- css实现圆角三角形例子(无图片) 03-26