Форум

Andrey1205 · #1 (**permalink**) 17.06.2012, 14:40

делаю галерею. При просмотре картинки на задний фон кидаю div с черным фоном и устанавливаю прозрачность. Все браузеры отрабатывают нормально, Opera напроч отказываеться. Как победить?

Deff · #2 (**permalink**) 17.06.2012, 15:01

Andrey1205,
Ссылку на тестовый пример

Или в топик полный код примера

Andrey1205 · #3 (**permalink**) 17.06.2012, 15:42

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-й версии не понимает прозрачность.

Deff · #4 (**permalink**) 17.06.2012, 16:14

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>

Andrey1205 · #5 (**permalink**) 17.06.2012, 16:23

у меня версия 8.51 ноль эмоций. Пока решил вопрос так. Создал в фотошопе png24 пиксель с нужным цветом и установил ему прозрачность, повесил как бэкграунд. Думал будут траблы в ие6 поскольку он не очень дружит с png, да нет и там все работает.

Andrey1205 · #6 (**permalink**) 17.06.2012, 16:24

Спасибо большое тему можно закрывать.

Deff · #7 (**permalink**) 17.06.2012, 16:31

Andrey1205,
Для старых Oper в css -o-opacity=0.6;

Удобнее менять прозрачность и т.д через класс(добавляя -отнимая) (тогда код сокращается, *если кол-во значений в opacity не превышает 2-3 значений

Andrey1205 · #8 (**permalink**) 17.06.2012, 17:16

-o-opacity не пашет чего то. гугл по нему инфу тоже не нашел. обьекты генерируеться в скрипте и большую часть параметров приходиться высчитывать, а то что читабельность улучшаеться - согласен. Не всегда удобно лазить в файл стилей когда пишешь, допустим, нацарапал функцию и она без ошибок работает как надо, тогда и переношу.

Deff · #9 (**permalink**) 17.06.2012, 18:05

Сообщение от Andrey1205

Не всегда удобно лазить в файл стилей

Хм - обычно при разработке пишем тестовые элементы стиля прям на странице,

У мну мало опыта в данном вопросе - на jQuery все идентично на всех браузах
$("#Idэлемента").css({'opacity' : '0.6'});
$(".классэемента").css({'opacity' : '0.6'});

Andrey1205 · #10 (**permalink**) 17.06.2012, 21:41

Сообщение от Deff

Хм - обычно при разработке пишем тестовые элементы стиля прям на странице,

незнаю. Программинг это мое хобби, по образованию гуманитарий, просто пишу как удобно. До идеала мне далеко, наверное так как вы говорите все таки правильнее.

У мну мало опыта в данном вопросе - на jQuery все идентично на всех браузах
$("#Idэлемента").css({'opacity' : '0.6'});
$(".классэемента").css({'opacity' : '0.6'});

решил оставить вариант с png пикселем. Он работает везде. Спасибо большое пошел на карму тыкать :-)

слушай, карма на сайте какая то не правильная, не тыкаеться.

Форум

Справочник

Discord чат

Курсы javascript