css - прозрачный слой

verdi12

Новичок
css - прозрачный слой

сейчас набирает обороты модная фича на сайтах, когда щелкаешь, скажем, на фотку чтобы посмотреть ее в увеличенном размере, после этого все затеняется и появляется флешка в ней фотка отображается. я хочу сделать тоже самое, только вместо флешки ифрэйм, а-ля диалоговое окно для запроса каких-то данных. так вот делаю слой ставлю ему черный фон, опасити 80%, все ок, но вот все что на него кладешь тоже становится прозрачным, даже если класть дополнительный слой или таблицу у которой явно указать опасити 100%. посмотрите и подскажите плз как быть, вот мои изваяния:

<div style="position:absolute; top:0; left:0; background-color:#000000; width:100%; height:100%; visibility:visible; opacity:0.55; filter:alpha(opacity=55);">
<table><td align="center" style="background-color:#FFFFFF; background: url(/img/white.gif);">
<img src="/img/emails1.jpg" style="opacity:1; filter:alpha(opacity=100);" />
</td></table>
</div>
в примере вместо ифрэйма картинка, но суть от этого не меняется...

буду очень признателен, если подскажите как решить проблему, и избавите меня от нравоучений по поводу использования ифрэйма... :)

заранее спасибо.
 

voituk

прозревший
Не изобретай велосипед а воспользуйся библиотекой LightBox (кажется так называется).
 

verdi12

Новичок
Автор оригинала: voituk
Не изобретай велосипед а воспользуйся библиотекой LightBox (кажется так называется).
судя по всему эта библиотека способна только картинки показывать, а мне надо iframe вместо картинки... можно конечно разобраться в ней, но полагаю, оч много времени на это уйдет
 

voituk

прозревший
Много времени на замену <img> на <iframe> ?
Меняй профессию, причем чем раньше - тем лучше.
 

Qwerty

Новичок
voituk
LightBox действительно круто навороченная вещь, занимался я изменением ее дизайна, запарился.

Кстати, это выплывание, растягивание при показе фотки нравится людам только первые несколько раз, а потом надоедает и вызывает раздражение, хочется быстрее. Это отзывы пользователей.
 

AmdY

Пью пиво
Команда форума
verdi12, естественно, то что лежит в прозрачном слое тоже становится прозрачным. используй два слоя и выставь z-index, а вообщето поищи в гугле "библиотека модальные окна"
 

verdi12

Новичок
Автор оригинала: AmdY
verdi12, естественно, то что лежит в прозрачном слое тоже становится прозрачным. используй два слоя и выставь z-index, а вообщето поищи в гугле "библиотека модальные окна"
:) спсб, все гениальное просто, и как я сам не догадался :)
 
Сверху