• Страница 1 из 1
  • 1
Модератор форума: likbezz, Flesh  
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Общая тема по вопросам верстке и дизайну... » Полупрозрачность PNG в Internet Explorer v6 и выше
Полупрозрачность PNG в Internet Explorer v6 и выше
Дата: Понедельник, 01.02.2010, 15:15 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Так, вот нормальный вопрос от 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
 
Дата: Пятница, 29.07.2011, 11:31 |
Concordio
Сержант
Группа: Проверенные
Сообщений: 23
Награды: 0
Репутация: 0
Статус: Offline


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

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


Сообщение отредактировал Concordio - Пятница, 29.07.2011, 11:37
 
Дата: Пятница, 29.07.2011, 12:39 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


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)

 
Дата: Пятница, 29.07.2011, 17:20 |
Concordio
Сержант
Группа: Проверенные
Сообщений: 23
Награды: 0
Репутация: 0
Статус: Offline


likbezz, Огромное спасибо!

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


Сообщение отредактировал Concordio - Пятница, 29.07.2011, 17:22
 
Дата: Пятница, 29.07.2011, 18:51 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


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

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

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


P.S. Это прям, надо в красную рамочку ... и к монитору верстальщика привинтить ....


 
Дата: Пятница, 21.10.2011, 10:50 |
arkady
Рядовой
Группа: Пользователи
Сообщений: 1
Награды: 0
Репутация: 0
Статус: Offline


Полупрозрачность PNG фона в ИЕ выше указанным способом наладил, но ИЕ есть ИЕ smile - перестал проигрывать видео. Как только убираю со страницы iepngfix.js, встроенный видео-ролик (FLV) работает нормально. Кто-нибудь встречал подобное? Спасибо за внимание!

 
Дата: Пятница, 21.10.2011, 13:06 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


arkady,
Quote (arkady)
Полупрозрачность PNG фона в ИЕ выше указанным способом наладил, но ИЕ есть ИЕ smile - перестал проигрывать видео. Как только убираю со страницы iepngfix.js, встроенный видео-ролик (FLV) работает нормально. Кто-нибудь встречал подобное? Спасибо за внимание!

Интересная конструкция!?
Ссылочку не оставите - посмотреть что не так? (желательно прямо на страницу с роликом)
...


 
Дата: Пятница, 04.01.2013, 12:50 |
Полковник
Группа: Помощники
Сообщений: 210
Награды: 0
Репутация: 11
Статус: Offline


Вот ещё интересный скрипт с фиксом прозрачного фона в IE6. Правда, я ещё не опробовал. Да и вообще я уже не хочу фиксить этот IE6.

 
Дата: Суббота, 05.01.2013, 14:11 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Komoff,
Цитата (Komoff, Пт, 04.01.2013, 12:50:44)
Вот ещё интересный скрипт с фиксом прозрачного фона в IE6

Наверное, это уже не актуально )
Куда актуальнее закругленные углы в ИЕ )


 
Дата: Суббота, 05.01.2013, 14:25 |
Diana
Генерал-лейтенант
Группа: Помощники
Сообщений: 606
Награды: 0
Репутация: 20
Статус: Offline


Цитата (Komoff, Пт, 04.01.2013, 12:50:44)
Да и вообще я уже не хочу фиксить этот IE6.

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


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


Мобильная версия