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 пикселем. Он работает везде. Спасибо большое пошел на карму тыкать :-)

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

Deff 17.06.2012 22:36

Andrey1205,

Есть Вариант устанавливать через css и менять скриптом таблицу стилей

Andrey1205 17.06.2012 23:26

как вариант можно. В свое время задумывался над подобными решениями когда столкнулся со страшным словом "кроссбраузерность" для каждого клиента, или определенной задачи, грузить свой стиль. Но видимо я сильно упрямый и до сих пор у меня всего лишь одна таблица стилей, но все работает как задумывал. К тому же, не всегда получаеться, но у некоторых javascript тупо отключен, это тоже нужно предусматривать.

Deff 17.06.2012 23:34

Цитата:

Сообщение от Andrey1205
но у некоторых javascript тупо отключен, это тоже нужно предусматривать.

Если ява скрипт отключен - то и прозрачность Вариантом Ваших скриптов - не пройдёт

Andrey1205 17.06.2012 23:52

да согласен. в ссылке возвращаем return false и обрабатываем событие или без javascript по ссылке тупо открываем картинку в новом окне или можно пойти дальше на php выдать красивый просмотр.

Andrey1205 17.06.2012 23:53

хах, это точно. Без жабаскриптинга вся галерея медным тазом накроеться :-)


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