PNG и IE6. Лучший фикс который мне когда-либо попадался!

PNG и IE6. Лучший фикс который мне когда-либо попадался!

Всем привет. Я бы даже сказал привет!!! =) Я давно не писал на блоге. Все никак времени не было. То работа, то универ, то тренировки и игры…Очень много времени у меня уходит на все это! Но вот выдался вечерок, когда я хотел бы поделиться с Вами очень интересным фиксом png для IE6. Что бы о нем рассказать? Ну то, что он самый лучший из всех, что мне попадались, то это без сомнений. Он отлично работает с фоном, ссылками, наведением на картинку и так далее. Очень много преимуществ появилось у меня после освоения этого скрипта. Итак приступим…

Архив скрипта можно скачать по этой ссылке —> СКРИПТ

Как же работает этот скрипт? Все на так просто как в большинстве случаев! Ну что ж. Так и быть, я Вам расскажу. Сперва смотрим на синтаксис, который должен размещаться между тегами <head> … </head>:

1

2

3

4

5

6

<!--[if IE 6]>

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

<script type="text/javascript">

DD_belatedPNG. fix(' ...... ');

</script>

<![endif]-->

Теперь давайте разберемся, что мы должны писать вместо точек. Там мы должны указывать (так же как и в файле стилей) названия классов, идентификаторов, селекторов и так далее, где находится(выводится) картинка в формате PNG.

Например в файле стилей написано так:

1

2

3

.logo{ background:url('logo. png')

}

То вместо точек в скрипте, мы должны указать полностью название класса (в нашем случае это будет выглядеть так: .logo)

Если вы выводите несколько картинок в формате png в разных местах сайта(верстки), то просто поставьте, чтобы скрипт обрабатывал ВСЕ картинки которые найдет в коде. Для этого просто в скрипте укажите селектор “IMG”.

Конечно же для каждого класса Вам не понадобится писать отдельно скрипт. Если классов или идентификаторов несколько, то просто пишите их через запятую.

Например:

1

DD_belatedPNG. fix('IMG, .logo, #main, #content ');

Вот в принципе и весь обзор моего любимого фикса для png. Я рад что мне его посоветовали и теперь я верстаю намного быстрее и имею массу возможностей для лучшего дизайна в верстке!


Карта сайта


Информационный сайт Webavtocat.ru