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>
в примере вместо ифрэйма картинка, но суть от этого не меняется...
буду очень признателен, если подскажите как решить проблему, и избавите меня от нравоучений по поводу использования ифрэйма...
заранее спасибо.
сейчас набирает обороты модная фича на сайтах, когда щелкаешь, скажем, на фотку чтобы посмотреть ее в увеличенном размере, после этого все затеняется и появляется флешка в ней фотка отображается. я хочу сделать тоже самое, только вместо флешки ифрэйм, а-ля диалоговое окно для запроса каких-то данных. так вот делаю слой ставлю ему черный фон, опасити 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>
в примере вместо ифрэйма картинка, но суть от этого не меняется...
буду очень признателен, если подскажите как решить проблему, и избавите меня от нравоучений по поводу использования ифрэйма...
заранее спасибо.