Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Динамическая прозрачность PNG (Alpha)
 
 автор: Vitaleks   (23.09.2009 в 16:02)   письмо автору
 
 

Добрый день, делаю проект изюминкой которой является - при наведение курсора на условный обьект - появление картинки-фона (PNG формат), и соответственно утихания - после того как курсор "увели" с обьекта. Проблема заключается в том что при изменение прозрачности через ява скрипт, картинка-фон (PNG формат) теряет альфа канал. Канал теряется только в IE (тестирую на 8 версии), в других все ок. Чем можно пригрозить браузеру и внушить в него что альфа канал выкидывать нельзя?

Вот код отвечающий за изменение прозрачности
function opacitySET(opacity){
opacity /= 100;
document.getElementById('room').style.opacity = opacity;
document.getElementById('room').style.MozOpacity = opacity;
document.getElementById('room').style.filter = "progid:DXImageTransform.Microsoft.Alpha(Opacity=" + (opacity*100) + ")";
}


Конструкция (верстка):
Фон грандиетный (гиф), припаркован к верхней части.
Далее идет сам сайт с абсолютным позиционированием.
И наконец картинка-фон (PNG формат).

  Ответить  
 
 автор: Lelik   (23.09.2009 в 17:03)   письмо автору
 
   для: Vitaleks   (23.09.2009 в 16:02)
 

мож тут че подходящее

  Ответить  
 
 автор: Vitaleks   (23.09.2009 в 19:16)   письмо автору
 
   для: Lelik   (23.09.2009 в 17:03)
 

Читал, решил проблему продублировав первоначальный гиф фон, пнг картинку поместив между них, и уже последний гиф фон делаю динамичным

  Ответить  
 
 автор: ~AquaZ~   (24.09.2009 в 06:58)   письмо автору
 
   для: Vitaleks   (23.09.2009 в 16:02)
 

В IE у PNG вообще прозрачности нет. Если твой объект зовут #obj и PNG-шка это его Background - вставь в голову документа это:

<!--[if IE]>
<style type='text/css'>
#obj{background-image:none !important}
</style>
<![endif]-->

  Ответить  
 
 автор: AlexSol   (24.09.2009 в 07:28)   письмо автору
 
   для: ~AquaZ~   (24.09.2009 в 06:58)
 

ваши знания устарели. ie7-8 отображает пнг с прозрачными областями без применения фильтров

  Ответить  
 
 автор: ~AquaZ~   (22.11.2009 в 19:42)   письмо автору
 
   для: AlexSol   (24.09.2009 в 07:28)
 

Нет, не устарели. Да, отображают. Но не всегда, в 7 была запарка с тенями, 8 использует очень малое кол-во людей.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования