прозрачность в Opera
делаю галерею. При просмотре картинки на задний фон кидаю div с черным фоном и устанавливаю прозрачность. Все браузеры отрабатывают нормально, Opera напроч отказываеться. Как победить?
|
Andrey1205,
Ссылку на тестовый пример Или в топик полный код примера |
function myShadow() {
document.getElementById('modal').style.background='#000';
document.getElementById('modal').style.opacity=0.6;
document.getElementById('modal').style.MozOpacity=0.6;
document.getElementById('modal').style.filter= "Alpha(Opacity=60)";
}
пошарился по форумам, пишут вроде как Opera до 9-й версии не понимает прозрачность. |
Andrey1205,
не наю - у меня работает в Опере opacity=0.6; <html> <body> <div style="background-color:red;height:100px;width:100px">asdsad</div> <script type="text/javascript"> document.body.style.opacity=0.1; </script> </body> </html> |
у меня версия 8.51 ноль эмоций. Пока решил вопрос так. Создал в фотошопе png24 пиксель с нужным цветом и установил ему прозрачность, повесил как бэкграунд. Думал будут траблы в ие6 поскольку он не очень дружит с png, да нет и там все работает.
|
Спасибо большое тему можно закрывать.
|
Andrey1205,
Для старых Oper в css -o-opacity=0.6; Удобнее менять прозрачность и т.д через класс(добавляя -отнимая) (тогда код сокращается, *если кол-во значений в opacity не превышает 2-3 значений |
-o-opacity не пашет чего то. гугл по нему инфу тоже не нашел. обьекты генерируеться в скрипте и большую часть параметров приходиться высчитывать, а то что читабельность улучшаеться - согласен. Не всегда удобно лазить в файл стилей когда пишешь, допустим, нацарапал функцию и она без ошибок работает как надо, тогда и переношу.
|
Цитата:
У мну мало опыта в данном вопросе - на jQuery все идентично на всех браузах $("#Idэлемента").css({'opacity' : '0.6'}); $(".классэемента").css({'opacity' : '0.6'}); |
Цитата:
слушай, карма на сайте какая то не правильная, не тыкаеться. |
Andrey1205,
Есть Вариант устанавливать через css и менять скриптом таблицу стилей |
как вариант можно. В свое время задумывался над подобными решениями когда столкнулся со страшным словом "кроссбраузерность" для каждого клиента, или определенной задачи, грузить свой стиль. Но видимо я сильно упрямый и до сих пор у меня всего лишь одна таблица стилей, но все работает как задумывал. К тому же, не всегда получаеться, но у некоторых javascript тупо отключен, это тоже нужно предусматривать.
|
Цитата:
|
да согласен. в ссылке возвращаем return false и обрабатываем событие или без javascript по ссылке тупо открываем картинку в новом окне или можно пойти дальше на php выдать красивый просмотр.
|
хах, это точно. Без жабаскриптинга вся галерея медным тазом накроеться :-)
|
| Часовой пояс GMT +3, время: 21:00. |