pngFix для IE (jQuery)

Каждый верстальщик сталкивался с проблемой полупрозрачности PNG-файлов в браузере Internet Explorer 6. Проблема решается при помощи jQuery и плагина jQuery.pngFix().

Пример

Есть PNG-24-изображение, с полупрозрачными пикселями, которое естественно, в ИЕ6 отображается неправильно.

<script type="text/javascript" src="/js/jquery/jquery-1.3.2-min.js"></script> <script type="text/javascript" src="/js/jquery/pngfix.js"></script> <h1>pngFix для IE6 (jQuery)</h1> <p>Некорректно изображение отображается в&nbsp;браузере&nbsp;Internet&nbsp;Explorer&nbsp;6.</p> <p class="bg"><img src="image.png" alt="EXPANGE"></p> <p>Изображение обработанное функцией jQuery.pngFix()</p> <p id="testPngFix" class="bg"><img src="image.png" alt="EXPANGE"></p>

Нужно исправить изображение, которое находится в теге <P> с идентификатором id="testPngFix".

pngFix

$(document).ready(function(){ $("#testPngFix").pngFix(); });

Результат

Смотреть нужно в Интернет эксплорере шестой версии. Онлайн-пример.

pngFix (jQuery)

jQuery

jQuery я думаю вы и так найдете, а вот ссылка на pngFix().

И еще одна не совсем приятная вещь. Плагин pngFix() плохо работает с последними версиями jQuery, корректно работающая на сайте версия — jquery-1.3.2-min.js, а так же сам плагин pngFix().

Категории

ПрограммированиеJavaScriptБиблиотекиjQuery

Читайте также

Комментарии