如何修复 IE6 中的 png 图片问题？答案

【问题标题】：How to fix png image issue in IE6?如何修复 IE6 中的 png 图片问题？
【发布时间】：2012-05-15 17:04:15
【问题描述】：

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

我的图片标签是：

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

【问题讨论】：

解决 IE6 问题的最佳方法是将 IE6 作为受支持的浏览器删除。它一直是，一直是，而且永远都是，绝对是愚蠢的废话。让您的生活更轻松，忘记它的存在。
这个问题已经回答了 100 次了。去寻找一个现有的答案。
只是提醒一些人，仍有用户在使用 IE6。作为为公司工作的网页设计师，我们有时别无选择。我们不能告诉我们的老板或我们的客户升级他们的浏览器。是的，在纯粹的现代中，我们可以忘记我们过去的罪过，但我们仍然会被旧浏览器所困扰。请对您仍然必须处理 IE6 的网页设计师的批评更具建设性。

标签： javascript html css internet-explorer-6 iepngfix

【解决方案1】：

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

【讨论】：

秒杀我。可能是最强大的解决方案，但对我们所有人来说最好的解决方案是不支持 10 年前的浏览器。

【解决方案2】：

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

【讨论】：

【解决方案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

【讨论】：