是否可以使用 jQuery.Support 检查 PNG 支持？答案

【问题标题】：Is it possible to check for PNG support with jQuery.Support?是否可以使用 jQuery.Support 检查 PNG 支持？
【发布时间】：2010-10-28 02:47:59
【问题描述】：

我的问题是关于jQuery Support 系统。

我想知道是否可以使用这种方法判断浏览器是否支持半透明背景PNG图像。

编辑：我对特定问题的 CSS 解决方案不感兴趣。 我想知道jQuery支持检查系统是否可以检查这个。我很欣赏这些建议，但我正在尝试找出有关 jQuery 的 support 功能的特定信息。

【问题讨论】：

【解决方案1】：

我不会用 Js 做这种事情...

我用

.png24 {
  background-image: url(png24.png);
}

/* ie6 */
* html .png24 {
 background-image: url(non-png24.png);

}

jQuery 已在 jQuery 1.3 中弃用了浏览器检查。不过我不确定他们什么时候会完全删除它。

我强烈建议将此检查留给 CSS 和/或 conditional stylesheets。

在不检查浏览器的情况下，无法在 JS 中检查是否支持 alpha 透明度。

【讨论】：

感谢您的建议，但我对是否可以使用我提到的特定 jQuery 功能进行此检查感兴趣...
有可能，请查看我发布的链接。
也许我只是很密集，但我在该文档页面上没有看到任何关于半透明 PNG 支持的信息。我在发布这个问题之前阅读了它。你能澄清一下吗？对不起，如果我只是在这里很愚蠢，但我以前没有看到它，我仍然没有看到它。 PS：您会注意到我在问题中发布了相同的链接
既然可以让 jQuery 透明地修复它，为什么还要“检查”呢？还是我在那里太“pythonic”了？ :)
对不起，TM，没有看到那里的链接。我将发布一个可能工作的示例。 @TML，不太清楚你在做什么

【解决方案2】：

也许您可以只使用jQuery pngFix 或jQuery ifixpng？

如果这些都不行，我建议改用条件 cmets，如 MSDN 中所述。

【讨论】：

【解决方案3】：

使用 javascript 修复 png 是不好的做法。你最终会得到一闪而过的无样式内容。 CSS 和条件 cmets 会是更好的选择。

你可以使用alex的方法。

【讨论】：

不想修复它，我会在不支持的情况下显示替代背景颜色。现在我确实使用条件 cmets，但我宁愿检查浏览器对透明 PNG 的支持，而不是简单地对 IE6 进行硬编码。

【解决方案4】：

我认为这根本不可能，毕竟IE6显示透明png的，它只是不显示透明度；所有浏览器都“支持”png，因此您无法检查。

如果您可以获取页面上特定像素的颜色，当然可以，但似乎无法做到。

【讨论】：

【解决方案5】：

我想我理解你在 TM 之后的想法，因为我正在尝试做类似的事情：如果支持 alpha PNG，请使用 jQuery 插入 PNG。否则，什么也不做。

我能想到的唯一解决方案是使用 jQuery 插入 DIV。然后，在 CSS 中，将 DIV 的 background-iamge 设置为要使用的 PNG，然后使用条件注释来为 IE6 提供透明 gif。

我还没有尝试过，但它应该可以解决问题。

【讨论】：