Question

我记得3年前因为IE6和其他糟糕的浏览器而在网站上使用任何带有alpha的PNG是一个绝对巨大的痛苦。

但现在怎么样？如果您的目标受众是iPhone，iPad和iPod Touch用户，那该怎么办？我相信这些人使用老式的坏浏览器并不是那么愚蠢。他们使用最新，最好的东西，他们精通技术和智能。这是一个有效的假设吗？那么这是否意味着我可以安全地使用带有alpha的PNG来为我的应用创建出色的网站，而不必担心丑陋？

Answer 1

是的，将PNG与Alpha Transparency一起使用是绝对正确的。它实际上一直是，你只需要用过滤器修复IE6。

请继续使用它们：）

Answer 2

当我必须使用Alpha透明的PNG时，我喜欢使用DD_belantedPNG来处理旧浏览器。

然后，您可以设置IE条件，以便根据您需要的特定元素调用PNG。

    <!--[if IE 6]>
        <script type="text/javascript" src="/lib/js/DD_belatedPNG-min.js"></script>
        <script type="text/javascript">
            DD_belatedPNG.fix('#Logo a img');
        </script>
    <![endif]-->

您可能希望避免应用于页面上所有 PNG的全面PNG修补程序。

请记住，如果您不需要alpha透明度，那么8位PNG将无处不在。

Answer 3

有几个JS库会在IE6中添加对透明PNG的支持。我使用pngfix.js：http://jquery.andreaseberhard.de/pngFix/

如果您不使用jQuery，还有该插件的独立版本。

Answer 4

唯一的痛点是 IE6，但由于 IE6 不再受支持（或者至少，当你打开 IE 时，你会弹出一个移动到边缘的弹出窗口），这不是问题。

如果您想支持 IE6，那么您可以使用名为 dd_belatedpng 的 npm 包：https://www.npmjs.com/package/dd_belatedpng

现在可以在网站中使用带有alpha透明度的PNG吗？

4 个答案: