QAlt / Полезные статьи, скрипты / 13 июня 2013г, четверг

PNG Fix для Internet Explorer 6

Фильтр прозрачности PNG
Обучение Internet Explorer 6 правильному отображению PNG картинок с полупрозрачностями.

Для работы понадобится:

  • прозрачная картинка GIF 1х1 px (скачать);
  • любая PNG картинка с прозрачностями

В стилях пишем:

img {
  display: expression(
    (/\.png$/.test( this.src.toLowerCase()) ? this.runtimeStyle.filter =  'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + this.src + '")' : null),
    (/\.png$/.test( this.src.toLowerCase()) ? this.src = 'blank.gif' : null)
  );
}

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.png', sizingMethod='scale');

/* варианты растяжки *
sizingMethod='scale'
sizingMethod='crop'
sizingMethod='image'
*/

 

Список всех статей »

home

Quality Alt
Разработка сайтов и
web-интерфейсов

8 923 232-88-90