Question

我知道此问题涉及IE浏览器无法显示PNG文件，尤其是如果您是Windows Vista上的高级用户并且您使用的是IE7。我希望只有在不支持png时才能找到用gif替换PNG文件的解决方案。有没有办法从JavaScript或CSS的角度来实现这样的效果？我正在努力为div标签上的背景图像做到这一点。

谢谢！

Answer 1

您可以使用IE的conditional css覆盖背景图片

<style type="text/css">
   div.something { background: url(someimage.png); }
</style>

<!--[if lte IE 7]>
<style type="text/css">
   div.something { background: url(override.gif); }
</style>
<!-- <![endif]-->

Answer 2

在这个问题上有一些想法：

Is it possible to check for PNG support with jQuery.Support?

你可能不得不使用一些css hacks。以IE 7为目标。

此页面有一些技巧可以做到： http://www.evotech.net/blog/2007/04/ie7-only-css-hacks/

如果浏览器不支持png，则用gif文件替换png

2 个答案: