Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

body opacity

Обсуждение темы body opacity в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Здравствуйте! Имеется участок javascript-кода, динамически создающий элемент на странице, при этом body {opacity: 0.6;}, а сам элемент #map_image {opacity: 1;}. Однако, элемент также ...


Закрытая тема
 
Опции темы
Старый 15.07.2011, 16:49   #1
Здравствуйте!
Имеется участок javascript-кода, динамически создающий элемент на странице, при этом body {opacity: 0.6;}, а сам элемент #map_image {opacity: 1;}.
Однако, элемент также затемняется, а как сделать так, чтобы вся страница затемнялась, кроме элемента?

map = document.createElement('div');
map.setAttribute("id", "map_image");
document.body.style.opacity='0.6';
document.body.appendChild(map);
document.getElementById('map_image').innerHTML="<i mg src='/img/map1.png'/>";

Заранее благодарен.
Алексей
 
Старый 15.07.2011, 16:49
Ссылки
Старый 15.07.2011, 18:27   #2
если речь идет насколько я понимаю о показе картинки на фоне затемненного сайта, то создавайте див width:100%, height:100%, а z-index - тыщ 10. потом в этом диве создайте другой див с такими же параметрами и нужным opacity, и третий - для картинки. второй див и будет играть роль затемнения. его z-index должен быть меньше чем у дива с картинкой. ну position:absolute у дивово - естественно.
 
Старый 15.07.2011, 23:46   #3
А width: 100% в internet explorer работать будет?
За схему спасибо - сразу не догадался сам?
 
Старый 15.07.2011, 23:47   #4
седня мне че-то влом самому перекодировать из utf-8, гы упс. странно. теперь нормально стало. 100% везде работает.
 
Старый 15.07.2011, 23:47
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Свойство Opacity на CSS! maxefect HTML, CSS, JavaScript 6 09.01.2012 13:04
opacity или прозрачность web_smile HTML, CSS, JavaScript 3 28.09.2011 12:06
document.body.clientHeight и doctype dantistus HTML, CSS, JavaScript 0 19.02.2006 00:10
Вырезать содержимое <body> kost HTML, CSS, JavaScript 19 22.08.2005 12:31
<body> отступы от краев экрана kost HTML, CSS, JavaScript 5 01.11.2003 16:34


Текущее время: 14:54. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум