Question

我知道互联网上有很多可用的方法，我找到了使用iepngfix的方法，但为了解决这个问题，我需要为每个png图像指定宽度和高度，这对我来说太耗时。因为我的项目中有1000个png图像，有没有办法解决这个问题而没有指定图像标记的宽度和高度，

我的图片代码是：

<img src="myPngImage.png" width="120" height="100" />

Answer 1

你可能想看一下CSSPie，我个人使用它，到目前为止它的效果很好。我没有测试IE6中的图像透明度，但似乎得到了很好的支持http://css3pie.com/documentation/supported-css3-features/#pie-png-fix。

Answer 2

如果你必须支持IE6，那么我建议使用像jquery's capabilities这样的东西（它会自动检测图像的宽度/高度）。

Answer 3

<!--[if IE 6]>
      <script src="js/DD_belatedPNG_0.0.8a-min.js" type="text/javascript"></script>
      <script type="text/javascript">
            DD_belatedPNG.fix('img,div,ul,li,li a,a,input,p,blockquote,span,h1,h2,h3');
      </script>
      <![endif]-->

从这里下载代码

http://trac.symfony-project.org/browser/plugins/pkToolkitPlugin/trunk/web/js/DD_belatedPNG_0.0.8a-min.js?rev=20453

或

customize-your-blogger.googlecode.com/files/DD_belatedPNG_0.0.8a-min.js

如何解决IE6中的png图像问题？

3 个答案: