Оглавление скрыть


Вы можете авторизоваться через ВКонтакте, Фейсбук и оставить комментарий


pngFix для IE (jQuery)

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

Пример

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

1
2
3
4
5
6
7
8
9
10
<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

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

Результат

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

pngFix (jQuery)

jQuery

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

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

Опубликовано: 27 сентября 2011  ·  Автор: Артём Фёдоров  ·  2224 просмотра

Категория

ГлавнаяПрограммированиеJavaScriptБиблиотекиjQuerypngFix для IE (jQuery)

Чтобы оставить комментарий нужно авторизоваться на сайте
или войти через ВКонтакте или Фейсбук

Войти через ФейсбукВойти через Твиттер

Комментарии

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

© 2010-2017 expange.ru
При полном или частичном копировании статей сайта, ссылка на источник обязательна.

Хотите узнать больше информации, пишите на: artem@expange.ru

Полезное онлайн  ·  Новости  ·  Изображения  ·  Статьи по датам

О проекте  ·  Правила пользования  ·  Представительства

Благодарности и пожелания