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

发布于 2024-09-26 05:47:39 字数 233 浏览 3 评论 0原文

我记得三年前,由于 IE6 和其他糟糕的浏览器,在网站中使用任何带有 alpha 的漂亮 PNG 绝对是一个巨大的痛苦。

但现在呢?如果您的目标受众是 iPhone、iPad 和 iPod Touch 用户呢?我相信这些人不会愚蠢到使用老式的糟糕浏览器。他们尽可能使用最新、最好的东西,并且精通技术且聪明。这是一个有效的假设吗?那么这是否意味着我可以安全地使用带有 alpha 的 PNG 为我的应用程序创建出色的网站,而不必担心丑陋?

I remember from 3 years ago that it was an absolutely huge pain to use any nice PNG with alpha in websites, because of IE6 and other bad browsers.

But how about now? How about if your target audience are iPhone, iPad and iPod Touch users? I believe these people aren't so stupid to use old-aged bad browsers. They use the newest, best stuff they can, and they're tech-savvy and intelligent. Is this an valid assumption? So does this mean I can safely use PNG with alpha to create great websites for my apps without having to worry about uglyness?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

靑春怀旧 2024-10-03 05:47:39

是的,使用带有 Alpha 透明度的 PNG 绝对没问题。事实上一直如此,你只需要用过滤器修复 IE6 即可。

所以继续使用它们吧:)

Yes it's absolutely fine to use PNG's with Alpha Transparency. It actually always has been, you just had to fix IE6 with filters.

So go ahead and use them :)

記憶穿過時間隧道 2024-10-03 05:47:39

当我必须使用 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 可以在任何地方使用。

When I have to use alpha-transparent PNGs, I like to handle older browsers with DD_belantedPNG.

Then you can set up an IE conditional to call the PNG fix on the specific elements you need.

    <!--[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]--> 

You probably want to avoid blanket PNG fixes that apply to all PNGs on the page.

Remember, if you don't need the alpha-transparency 8-bit PNGs will work everywhere.

聊慰 2024-10-03 05:47:39

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

还有一个如果您不使用 jQuery,则该插件的独立版本。

There are several JS libraries that will add support for transparent PNGs in IE6. I use pngfix.js: http://jquery.andreaseberhard.de/pngFix/

There is also a standalone version of that plugin if you aren't using jQuery.

妄司 2024-10-03 05:47:39

唯一的痛苦是 IE6,但由于不再支持它(或者至少,当你打开 IE 时,你会看到一个弹出窗口移动到边缘),这不是问题。

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

The only pain is IE6 but since that isnt rly supported anymore (or atleast, when u open IE you get a popup to move to edge) its not a problem.

If you rly rly wanted to support IE6 then you could use an npm package named dd_belatedpng: https://www.npmjs.com/package/dd_belatedpng

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文