Скрипты и шаблоны для uCoz - 3aKa4Ka
Каталог файлов | Иконки групп | Видео уроки | Статьи | PSD исходники | SEO софт/программы | SEO новости
логин:
пароль:

Регистрация Забыл пароль
Скрипты для uCoz Шаблоны для uCoz
Для того что бы оставлять сообщения на форуме вам необходимо зарегистрироваться или войти под своим профилем.

Прозрачность PNG в IE6 - Форум


  • Страница 1 из 1
  • 1
Модератор форума: Fro0st, lewonchik  
Форум » Веб мастеру » Интересные решения в uCoz » Прозрачность PNG в IE6
Прозрачность PNG в IE6
FrоstДата написания: Пятница, 24.09.2010, 18:49:59 | Сообщение № 1

Проверенный
Сообщений: 584
Награды: 39
Репутация: 469

Некоторые пользователи интернета все еще используют IE 6 и ниже. К сожалению в IE6 не поддерживается прозрачность PNG. Поэтому приходится придумывать способы решения этой проблемы. Об одном я напишу в этом посте.

CSS
Представляю Вашему вниманию код:

Code
* html img,    
* html .png{    
    position:relative;    
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",    
    this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",    
    this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),    
    this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",    
    this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)    
    );    
    }

Свойство «expression» позволяет использовать в CSS стилях JavaScript.

Существуют «условные комментарии» для IE, которые позволяют скрывать что то для остальных браузеров. В нашем случае это CSS стиль. Нужно добавить вышеуказанный код в отдельный css файл и прописать на странице:

Code
<!--[if lte IE 6]>    
    <link rel="stylesheet" type="text/css" href="pngfix.css" />    
    <![endif]-->

Не буду много разглагольствовать о этом.

Селекторы
Рассмотрим селекторы:

Code
* html img,
* html .png

На первый взгляд выглядет все просто: свойство применяется для всех картинок и объектов с классом «png». Вы заметили, что перед тегом html стоит звездочка. Но перед тегом html не может быть никаких тегов! По-этому свойство в браузерах работать не будет, но не в IE. Только в IE 6 и IE 5.5 будет использоваться это свойство.

Остальная часть кода

Не думаю что вы хотите сильно вникать в код. По-этому напишу только основное:


  • Изображение. Скрипт проверяет, является ли картинка png, если да, то применяется фильтр AlphaImageLoader, изображение становится фоном, а атрибут «src» заменяется прозрачным gif'ом. Ах да, забыл! Вам еще будет нужен прозрачный gif 1x1px.
  • Фоновый рисунок. Здесь проще. Все объекты с классом .png пропускаются через фильтр AlphaImageLoader и удаляется прежний background

Кроме того Вы можете использовать фильтр AlphaImageLoader вручную.

Источник: www.s-bad.ru


 
SperetДата написания: Пятница, 24.09.2010, 23:09:22 | Сообщение № 2

Проверенный
Сообщений: 501
Награды: 32
Репутация: 149
Уххх...
Интересное решение.
Но все же на ие6 и ниже сидят единицы, и проще всего ставить код, который блокирует вход пользователей на сайт, если человек заходит с ие. Думаю так будет больше шансов перевести народ на более подходящие и надежные браузеры чем ие.
Вот мое мнение.
Но все же, данное решение тоже оригинально...


[text]

[text][/text][/text]

 
FrоstДата написания: Суббота, 25.09.2010, 13:54:53 | Сообщение № 3

Проверенный
Сообщений: 584
Награды: 39
Репутация: 469
Speret, если качественно делать сайты, то делать их абсолютно кроссбраузерными. Представь, ты делаешь сайт для какой-нибудь крупной организации. То что, будешь блокировать вход с IE? И не единицы. во многих школах, у многих на работе и т. д. стоит IE. Ну конечно блокировать проще, чем делать сайт кроссбраузерным

 
Форум » Веб мастеру » Интересные решения в uCoz » Прозрачность PNG в IE6
  • Страница 1 из 1
  • 1
Поиск:
Обсуждение темы на форуме веб мастеров 3aKa4Ka.at.ua

© 3aka4ka.at.ua 2008 - 2022г. Все материалы размещенные на сайте принадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает.