[Ликбез]

Форма входа
Логин:
Пароль:

Меню сайта


Скрипты и коды для юкоз - Форум аццкого кодера » Общая тема по вопросам верстке и дизайну... » Полупрозрачность PNG в Internet Explorer v6 и выше

Полупрозрачность PNG в Internet Explorer v6 и выше
[1] likbezz [01.02.2010, 15:15]
Так, вот нормальный вопрос от RussianQuaker, кстати: (Сообщение # 4)

Quote (RussianQuaker)
... И ещё, почему с ИЕ не хочет работать css'ка полупрозрачности ...

... Почему - на это отвечать не буду, во всяком случае не я, а вот как - отвечу.

Для того, чтобы картинки имели эффект Полупрозрачность в IE, нужно добавить простой CSS и javascript, соответственно между тегами <head> и </head>:

Code
<![if lt IE 7]><![if gte IE 5.5]>
<script type="text/javascript" src="/js/iepngfix.js"></script>
<style type="text/css">       
        .iePN, img {filter:expression(fixPNG(this));}       
        .iePNG a {position: relative;}
</style>
<![endif]><![endif]>

... Если ты хочешь использовать PNG картинки в виде фона (заливки, background), например:

Code
<div style="background-image:url(картинка.png)">что-то написано, а может и нет</div>

то добавь класс в CSS (смотри код выше), например - class iePNG, то есть у тебя должно получиться вот это:

Code
<div style="background-image:url(картинка.png)" class="iePNG">что-то написано, а может и нет</div>

Кстати, в самом iepngfix.js еще нужно правильно указать путь до прозрачного, размером 1х1px gif-изображения.

Для картинок с эффектом полу прозрачности формата *.png необходимо явно указывать её реальные физические размеры (иначе js не будет работать), примерно вот так:

Code
<img src="картинка.png" width="10" height="10" alt="">

Файл iepngfix.js
Файл iepngfix.htc

P.S.
... И напоследок, все эти шаманства притормаживают ослик (так, как обрабатывают все изображения...), так что выбирайте: либо красота либо скорость работы ... ;-)))

Прикрепления: iepngfix.htc (2.2 Kb) · iepngfix.js (0.9 Kb)


Сообщение отредактировал likbezz - Понедельник, 01.02.2010, 15:19
[2] Concordio [29.07.2011, 11:31]
Столкнулся с такой проблемой, все браузеры (Мозилла, Хром, Опера) отображают логотип (формат .png) нормально, А ИЕ делает вокруг него рамку... При наведении она пропадает. Как это исправить?

ПС: замечено в ИЕ9


Сообщение отредактировал Concordio - Пятница, 29.07.2011, 11:37
[3] likbezz [29.07.2011, 12:39]
Concordio,
Quote (Concordio)
А ИЕ делает вокруг него рамку... При наведении она пропадает. Как это исправить?

У данной проблемы адрес есть? ))
- Возможно просто не обнулены параметры по умолчанию?
Типа:
Code
a img,img{border:0 none;}

- Это CSS ...
...

Quote (Concordio)
Столкнулся с такой проблемой, все браузеры (Мозилла, Хром, Опера) отображают логотип (формат .png) нормально, А ИЕ делает вокруг него рамку... При наведении она пропадает. Как это исправить?

А вот и нет )


....
Добавь атрибут border == 0.
Code
<img border="0" src="/img/logo2.png" alt="" />

Или пиши код, что выше в CSS - самое правильное решение ...
...
Прикрепления: 0974997.png (7.1 Kb)
[4] Concordio [29.07.2011, 17:20]
likbezz, Огромное спасибо!

ПС: в Мозилле 4.0.1 рамки не было)


Сообщение отредактировал Concordio - Пятница, 29.07.2011, 17:22
[5] likbezz [29.07.2011, 18:51]
Concordio,
Quote (Concordio)
ПС: в Мозилле 4.0.1 рамки не было)

... Это не показатель.

- Ожидай худшего, надейся на лучшее.


P.S. Это прям, надо в красную рамочку ... и к монитору верстальщика привинтить ....
[6] arkady [21.10.2011, 10:50]
Полупрозрачность PNG фона в ИЕ выше указанным способом наладил, но ИЕ есть ИЕ smile - перестал проигрывать видео. Как только убираю со страницы iepngfix.js, встроенный видео-ролик (FLV) работает нормально. Кто-нибудь встречал подобное? Спасибо за внимание!
[7] likbezz [21.10.2011, 13:06]
arkady,
Quote (arkady)
Полупрозрачность PNG фона в ИЕ выше указанным способом наладил, но ИЕ есть ИЕ smile - перестал проигрывать видео. Как только убираю со страницы iepngfix.js, встроенный видео-ролик (FLV) работает нормально. Кто-нибудь встречал подобное? Спасибо за внимание!

Интересная конструкция!?
Ссылочку не оставите - посмотреть что не так? (желательно прямо на страницу с роликом)
...
[8] Komoff [04.01.2013, 12:50]
Вот ещё интересный скрипт с фиксом прозрачного фона в IE6. Правда, я ещё не опробовал. Да и вообще я уже не хочу фиксить этот IE6.
[9] likbezz [05.01.2013, 14:11]
Komoff,
Цитата (Komoff, Пт, 04.01.2013, 12:50:44)
Вот ещё интересный скрипт с фиксом прозрачного фона в IE6

Наверное, это уже не актуально )
Куда актуальнее закругленные углы в ИЕ )
[10] Diana [05.01.2013, 14:25]
Цитата (Komoff, Пт, 04.01.2013, 12:50:44)
Да и вообще я уже не хочу фиксить этот IE6.

хорошее решение biggrin
Я уже подумываю тупо переправлять их на pda версию и пусть читают текстовый вариант сайта если не хотят менять браузер biggrin


Полная версия сайта