PNG in IE6

PNG in IE6

Головняк каждого верстальщика IE6 не справляется даже с PNG прозрачностью изображений. В интернете существует несколько способов борьбы с PNG прозрачностью в IE6, но у многих из этих способов есть минусы, например, скрипт от jQuery pngFix - вроде бы хорошо справляется со своей задачей, плюс ко всему - он не очень тяжелый, всего 4кб! Но, есть одно но! Если вы задали при помощи CSS - свойство background-position для вашего фонового изображения, то pngFix его безобразно растянет и будет игнорировать позиционирование вашени фонового изображения, так что этот скрипт пока отпадает... Спасибо очень хорошему человеку, который написал фикс - IE PNG Fix, данный фикс делает все тоже самое, что и jQuery pngFix, но он еще и справляется с background-position!

  1. Скопируйте и вставьте iepngfix.htc и blank.gif в папку вашего сайта.
  2. Скопируйте и вставьте это в CSS или HTML файл вашего сайта:

    <style type="text/css">
    img, div { behavior: url(iepngfix.htc) }
    </style>

    Вы можете вставить сюда любой CSS-селектор, в котором вы хотите использовать данный фикс, просто ставьте запятые, после каждого селектора и чуть не забыл еще один важный момент, путь к файлу iepngfix.htc указываем вашего HTML файла, а не CSS, как обычно:

    <style type="text/css">
    img, div, a, input { behavior: url(/sites/all/themes/webcoder/iepngfix.htc); }
    </style>

  3. Если вы используете подпапки для ваших изображений, тогда откройте .HTC файл через текстовый редактор, например, Notepad ++ и найдите переменную blankImg, а затем измените путь к blank.gif файлу (Путь должен быть относителен вашему HTML файлу):

    IEPNGFix.blankImg = '/sites/all/themes/mytheme/img/blank.gif';

  4. Для поддержки background-repeat и background-position нужно подключить скрипт (Можно через .info файл, если вы на друпале):

    <script type="text/javascript" src="iepngfix_tilebg.js"></script>  

Вот и все, должно работать, ниже прикреплен архив, со всеми нужными файлами, кстати, данный способ использует apple :)

AttachmentSize
iepngfix_v2.rar39.01 KB