是否可以使用jQuery.Support检查PNG支持?

时间:2009-05-22 01:13:56

标签: jquery css cross-browser png transparency

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

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

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

5 个答案:

答案 0 :(得分:3)

我不会将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透明度。

答案 1 :(得分:2)

我认为这根本不可能,毕竟,即使IE6显示透明的png,它也只是没有显示透明度;所有浏览器都“支持”png,所以你无法检查它。

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

另见Javascript - get pixel data from image under canvas element?

答案 2 :(得分:1)

也许你可以使用jQuery pngFixjQuery ifixpng

如果这些都没有,我建议改为查看条件评论,如MSDN所述。

答案 3 :(得分:1)

我想我明白你在TM之后是什么,因为我正在尝试做类似的事情: 如果支持alpha PNG,请使用jQuery插入PNG。否则,什么也不做。

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

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

答案 4 :(得分:0)

使用javascript修复png是不好的做法。你最终会得到一些没有风格的内容。 CSS和条件评论将是更好的选择。

您可以使用alex。

的方法