Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   прозрачность в Opera (https://javascript.ru/forum/xhtml-html-css/29145-prozrachnost-v-opera.html)

Andrey1205 17.06.2012 14:40

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

Deff 17.06.2012 15:01

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

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

Andrey1205 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 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 17.06.2012 16:23

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

Andrey1205 17.06.2012 16:24

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

Deff 17.06.2012 16:31

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

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

Andrey1205 17.06.2012 17:16

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

Deff 17.06.2012 18:05

Цитата:

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

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

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

Andrey1205 17.06.2012 21:41

Цитата:

Сообщение от Deff (Сообщение 182094)
:) Хм - обычно при разработке пишем тестовые элементы стиля прям на странице,

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

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

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

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


Часовой пояс GMT +3, время: 19:39.