Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / проблема с перекрытием слоя (z-index) / 3 сообщений из 3, страница 1 из 1
12.02.2008, 13:18
    #35126745
sanich
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
проблема с перекрытием слоя (z-index)
есть div с прозрачностью 80, внутри него другой DIV без прозрачности, с z-index больше чем у родителя, но почему на внутренний DIV применяется прозрачность????

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
<html>
<head>
  <script language="javascript" type="text/javascript">
    function viewOffDiv(mode) {
        var div_off = document.getElementById("div_off");
        if (mode ==  1 ) {
          div_off.style.height=document.body.scrollHeight;
          div_off.style.width=document.body.scrollWidth;
          div_off.style.display = "inline";

        } else {
          div_off.style.display = "none";
        }
      }  
  </script>
<link rel="stylesheet" href="tstyl.css" type="text/css">
</head>
<body bgcolor="#9999CC">

<div id="div_off" style="background:#FFFFFF none repeat scroll 0%; display: none; z-index: 3000; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%">
 
 <div style=" position:fixed; width:600px; left:200px; top: 150px; z-index: 5000;">
  <table width="100%" cellpadding="0" cellspacing="0">
	   <tr><td class="CaptionTD2" align="right"><a href="#" onClick="viewOffDiv(0); return false;">закрыть окно Х</a></td></tr>
       <tr><td class="MessageTD" bgcolor="#FEF5E7" align="center"><img src="foto/10_big_1.jpg" vspace="10"></td></tr>
  </table>	   
 </div>
</div> 


<table width="100%" height="100%">
<tr><td height="500"></td></tr>
<tr><td align="center"><a href="#" onClick="viewOffDiv(1); return false;"><img id="img2" src="foto/10_small_1.jpg" border="0"></a></td></tr>
<tr><td height="100%"></td></tr>
</table>

</body>
</html>
...
Рейтинг: 0 / 0
12.02.2008, 13:45
    #35126862
LINUXER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
проблема с перекрытием слоя (z-index)
sanichесть div с прозрачностью 80, внутри него другой DIV без прозрачности, с z-index больше чем у родителя, но почему на внутренний DIV применяется прозрачность????

по умолчанию наследуется.
задайте явно
...
Рейтинг: 0 / 0
12.02.2008, 14:18
    #35127015
sanich
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
проблема с перекрытием слоя (z-index)
LINUXER sanichесть div с прозрачностью 80, внутри него другой DIV без прозрачности, с z-index больше чем у родителя, но почему на внутренний DIV применяется прозрачность????

по умолчанию наследуется.
задайте явно

как явно задать??

Это только для IE

Код: plaintext
1.
2.
3.
4.
<div style="background-color:#006600; position:absolute; width:600px; height:200px;filter:alpha(opacity=50); z-index:1;">
 <div style="background-color:#990000; position:absolute; width:400px; height:100px;filter:alpha(opacity=100); z-index:5;">
 </div>
</div>

Все равно внутренний DIV наследует прозрачность!
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / проблема с перекрытием слоя (z-index) / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]