PNG24 в IE
Posted on Сентябрь 2, 2007
Filed Under bug, ie6, png24, css |
Использование фильтра AlphaImageLoader
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='scale')
sizingMethod может принимать несколько значений:
- crop - изображение обрезаеться под размеры блока;
- image - блок принимает размеры изображения;
- scale - изображение маштабируеться под размеры блока.
При использовании этого метода есть определённые особенности:
- у элемента должны быть заданы height или width;
- это не бекграунд,поэтому таких свойств как background-position, background-repeat, background-attachment просто нет.
При использовании ссылок и данного метода советую ознакомиться с этой статьей
Более подробно про фильтр.
Использование Behavior
Для замены png24 вставленных на страницу используя тег img можно использовать решение на основе .htc. Для этого необходимо скачать сам скрипт. Для корректной работы данного метода необходим однопиксельный прозрачный .gif, его необходимо поместить туда-же,где находиться и сам скрипт. Если по каким либо причинам .gif не получаеться положить вместе со скриптом то в самом файле iepngfix.htc необходимо отредактировать строчку
if (typeof blankImg == 'undefined') var blankImg = 'blank.gif';
Для подключения скрипта в файле .css необходимо записать следующее:
img {
behavior: url(iepngfix.htc)
}
Более подробно о методе.
Comments
Leave a Reply
