Fix Blog » ie6

Прозрачный PNG в IE 6. Универсальное решение.

admin — Thu, 05 Mar 2009 13:25:36 +0000

Во всех предыдущих решениях предполагалось, что картинке .png или окружающему ее диву – будет присваиваться определенный класс.
Этот вариант – сам ищет все .png на странице и делает их прозрачными.

Качаем файл »

В нем лежит скрипт и картинка. Папку pngfix кидаем в корень (если будете переименовывать – в скрипте надо заменить первую строчку – путь до clear.gif).

И теперь – подключаем условными комментариями (чтобы не морочить голову другим браузерам) сам скрипт:

IE6 и IE7 На одной машине. Multiple IE.

admin — Tue, 02 Sep 2008 08:59:25 +0000

А этот способ уже для обладателей internet explorer 7 как браузера по умолчанию.
Качаем этот файлик: Multiple IE (10.4 mb).
В нем – набор браузеров internet explorer версий 3.5-6 для одновременной работы.

IE6 и IE7 На одной машине. IE7 Standalone.

admin — Fri, 29 Aug 2008 08:47:08 +0000

Задавались вопросом как поставить internet explorer 6 и internet explorer 7?
Давно хотел написать, руки не доходили.
Вариант подойдет тем, у кого 6 IE стоит по умолчанию.
Итак, качаем этот файлик: IE7 Standalone (427 kb).
А этот файлик уже сам скачает сам IE7, установит его, создаст все ярлычки, и оставит IE6 браузером по умолчанию.

Прозрачный PNG в ie6 (Вариант 2)

admin — Wed, 02 Jul 2008 04:27:10 +0000

PNG-24 – отличный формат для веб, может передавать полупрозрачность. Но в internet explorer 6 прозрачности нет.

На помощь приходит следующий код:

Как можно понять тут выводится сама png картинка, обернутая в тег . Сам этот тег можно заменить на что угодно, важно чтобы у него был прописан class="png".

Далее в css вставляем это:
/*png in ie6 fix*/
* html .png
{
width: expression(this.firstChild.width);
filter: expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’"+
this.firstChild.src+"‘, sizingMethod=’image’)");

background: expression("transparent url("+
this.firstChild.src.replace(".png", ".gif")+") no-repeat");
background: none !important;
}

* html .png img
{
behavior: expression(this.style.visibility="hidden");
}
/*png in ie6 fix*/

Все, наслаждаемся прозрачностью и полупрозрачностью!