Полупрозрачность в html
Давным давно единственным плюсом дубового IE были динамические эффекты, особой популярностью пользовалась полупрозрачность. Ну еще бы можно было создать сайт с очень оригинальным и стильным меню. К сожалению эти эффекты не нашли широкого применения потому, что не поддерживались другими браузерами. Но ситуация поменялась.
Согласно черновому варианту спецификации css3 (http://wc3.org) в свойства блока добавлен параметр opacity. Все нормальные браузеры уже поддреживают свойства из css3, в отличии от мерзкого IE, который еще вторую версию стилей толком не тянет.
Итак вы можете сделать сайт с полупрозрачными элементами, который будет правильно отображаться во всех браузерах.
Пример css:
.block_opacity {
opacity: 0.5;filter: alpha(opacity=50);
}
В данном примере первое свойство - для не IE браузеров.
Проблеммы с полупрозрачностью есть, точнее я пока только с одной проблеммой столкнулся. Вообщем у меня в блоке div элементы - я делаю блок полупрозрачным и полупрозрачность не во всех браузерах включается. А если вместо div сделать table и задать ему полупрозрачность, то все работает классно.
Короче говоря при создании сайтов если div не становиться полупрозрачным как следовало ожидать используйте table
18.11.2007 в 12:33
Сайт имеет адрес http://w3c.org
С прозрачностью - стоит так же учитывать тот факт, что старые браузеры не поддерживют эффекта полупрозрачности.
18.11.2007 в 16:33
Ну и какие старые браузеры не поддерживают полупрозрачность?
IE5, которым не более 2% пользуется?
А пользователи Opera, Firefox и Netscape думаю регулярно закачивают обновления
28.07.2008 в 18:16
В table поставил, но косяк - в опере светлее получается, чем в ИЕ……(.) .
Что делать?
Может в зависимости от браузера разные css подгружать? - вот только как это сделать, подскажите плиz! ОЧЕНЬ НАДО!!!
02.08.2008 в 09:51
Никогда особо над этим не задумывался.
Посмотри на http://aid.org.ua/
Там есть полупрозрачность в блоке где отображаются счетчики.
Или на http://opika.com.ua - все меню полупрозрачное
27.10.2008 в 07:49
Вот у меня на _cybergeek.ru небольшой скрипт для Оперы, и файрфокса написан:
var i=0; // Шапко открыватель))
function shapka() {
i=i+0.01;
document.sapka.style.opacity=i;
if(i<0.94) {
setTimeout(”shapka()”, 30);
}
}
shapka()
Т.е для того, чтобы плавно изменять прозрачность картинки… Довольно интересно получается
Но ещё и в фильтрах лень разбираться(чтобы в IE эффект был), может кто подскажет готовую JavaScript функцию?))
27.10.2008 в 09:32
Где то так должно работать.
document.shapka.style.filter = “alpha(opacity=50)”;