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

Question

我的问题是关于jQuery支持系统。

我想知道是否有可能知道浏览器是否会支持使用这种方法的半透明背景PNG图像。

编辑:我不感兴趣的CSS解决方案的具体问题。我想知道jQuery支持检查系统是否可以检查这个。我很感谢您的建议，但我想了解一些关于support特性的jQuery的具体信息。

Answer 1

我认为这是不可能的，毕竟，即使IE6也显示透明的png，它只是没有显示透明度；所有的浏览器都“支持”png，所以您不能检查它。

如果你能得到一个特定像素的颜色，你当然可以，但这似乎是不可能做到的。

另见Javascript -从画布元素下的图像中获取像素数据？

Answer 2

我不用Js来做这种事..。

我使用

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

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

}

jQuery反对在jQuery 1.3中进行浏览器检查。不过，我不知道他们什么时候会把它完全移除。

我强烈建议将此检查留给CSS和/或条件样式表。

在JS中，如果不检查浏览器，就无法检查支持alpha透明的能力。

Answer 3

我想我理解您对TM的追求，因为我正在尝试做一些类似的事情:如果支持alpha PNG，使用jQuery插入一个PNG。否则什么也不做。

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

我还没试过，但应该能行。