Можно ли проверить поддержку PNG с помощью jQuery.Support?

Question

Мой вопрос касается системы поддержки jQuery .

Я хотел бы знать, можно ли с помощью этого метода определить, будет ли браузер поддерживать полупрозрачные фоновые изображения PNG.

Редактировать: меня не интересуют решения CSS для конкретной проблемы. Я хотел бы знать, может ли система проверки поддержки jQuery проверить это . Я ценю совет, но я пытаюсь найти конкретную информацию о функции support в jQuery.

Answer 1

Я не использую Js для такого рода вещей ...

Я использую

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

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

}

jQuery устарела из-за проверки браузера в jQuery 1.3. Я не уверен, когда они полностью удалят это все же.

Я бы настоятельно рекомендовал оставить эту проверку до CSS и / или условных таблиц стилей .

В JS нет способа проверить возможность поддержки альфа-прозрачности без проверки браузеров.

Answer 2

Я думаю, что это просто невозможно, в конце концов, даже IE6 показывает прозрачные PNG, он просто не показывает прозрачность; Все браузеры поддерживают png, поэтому вы не можете проверить это.

Если бы вы могли получить цвет определенного пикселя на странице, вы могли бы, конечно, но это кажется невозможным.

См. Также Javascript - получить данные пикселей из изображения под элементом canvas?

Answer 3

Мне кажется, я понимаю, что вы после ТМ, так как я пытаюсь сделать что-то подобное: Если поддерживается альфа PNG, вставьте PNG с помощью jQuery. В противном случае ничего не делать.

Единственное решение, которое я могу придумать, это вставить DIV с помощью jQuery. Затем в CSS вы устанавливаете background-iamge DIV в PNG, который вы хотите использовать, после чего следует условный комментарий, чтобы вместо этого передать IE6 прозрачный gif.

Я еще не пробовал, но это должно сработать.

Answer 4

Может быть, вы могли бы просто использовать jQuery pngFix или jQuery ifixpng ?

Если ни один из них не подойдет, я бы предложил вместо этого изучить условные комментарии, как указано в MSDN .

Answer 5

Исправление png с помощью javascript - плохая практика. Вы получите флэш-контент без стилей. CSS и условные комментарии будут лучшим выбором.

Вы можете использовать метод алекс.