Question

css+div兼容问题，在360、火狐这些浏览器能正常显示，但是在ie6就不行了。

我写的一个页面中有个js效果，在360、火狐这些浏览器能正常显示，

但是在ie6就不行了。图标就会出现白色的背景（如下图）

不知道是什么原因，求高手指点！





Answer 1

这是ie6下png图片有灰色背景的问题
很常见
网上解决这个问题的很多。有好几个方法可以解决 你看看哪种适合你的
我一般就习惯用一种方法

1).下载zip 地址http://bbs.blueidea.com/thread-2956676-1-1.html 这里面有个 下载zip 点击就下载了
然后,添加下面的代码到你页面的头部.(一定要确保路径的正确)

<!--[if lt IE 7]>
<script type="text/javascript" src="unitpngfix.js"></script>
<![endif]-->

2).添加clear.gif到你的images 文件夹中.在js文件中,修改"var clear="images/clear.gif" 路径,为你存放clear.gif的文件路径.

3). 你的整个项目的png图片都实现了透明效果.的确非常简单吧?就2个步骤,就实现了整个站点所有png的透明效果.

这个方法我一直在用 还挺好用的
希望对你有帮助

Answer 2

学习到了，一直没注意在Ie6下png图片有灰色背景的问题，我发现gif在Ie6下可以正常显示透明背景，楼主嫌麻烦的话，可以把图片存储为gif的

Answer 3

那是你的这些背景图片是png32或者是png24格式造成的，你把背景图片另存为png8试试吧；或者采用css滤镜来做

Answer 4

如果只有ie6，那就是png图片的问题，比较简单的方法就是把图片换成gif的！如果坚持要用png那就用png滤镜，或者js