Посетите форум

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

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

Качаем файл »

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

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

<!–[if lt IE 7]>
<script type="text/javascript" src="/pngfix/unitpngfix.js"></script>
<![endif]–>

No Comments | Filed under Fix

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

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

3 Comments | Filed under Новичкам

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

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

No Comments | Filed under Новичкам

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

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

На помощь приходит следующий код:
<i class="png"><img src="kartinka.png"></i>
Как можно понять тут выводится сама png картинка, обернутая в тег <i>. Сам этот тег <i> можно заменить на что угодно, важно чтобы у него был прописан 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*/

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

8 Comments | Filed under Fix


www.seozavr.ru - автоматическое размещение статей с прямыми ссылками