F
fridaydream
Unregistered / Unconfirmed
GUEST, unregistred user!
我用Dreamweaver做了两个层，其中一个层在另一个层的上面。
其实基本还正常，只是下面的层中的下拉列表框会不正常地停留在上面的层上。
无论如何设置z-index都没有用。本人对睡HTML/CSS只会毛皮。
哪位熟悉一点的大侠，帮忙看看。
3X!
html代码如下：
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;
charset=gb2312">
</head>
<body>
<div id="picturelayer" style="position:absolute;
left:0;
top:0;
width:172px;
height:166px;
z-index:9;
visibility: visible;">
<table width="300" height="300" border="0" cellpadding="0" cellspacing="0" bordercolor="#FFCCCC" bgcolor="#FFCCCC">
<tr>
<td valign="top">下面的列表框是在另一个层上 什么还是显示在它上面的一个层上呢？？？</td>
</tr>
</table>
</div>
<div id="selectlayer" style="position:absolute;
left:0;
top:100;
width:138px;
height:122px;
z-index:1;
visibility: visible;">
<select name="select">
<option selected>北京</option>
<option>上海</option>
<option>广州</option>
</select>
<br>
其它文字不会覆盖在图片上呀。为什么只有上面的列表框会呢？？？</div>
</body>
</html>
其实基本还正常，只是下面的层中的下拉列表框会不正常地停留在上面的层上。
无论如何设置z-index都没有用。本人对睡HTML/CSS只会毛皮。
哪位熟悉一点的大侠，帮忙看看。
3X!
html代码如下：
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;
charset=gb2312">
</head>
<body>
<div id="picturelayer" style="position:absolute;
left:0;
top:0;
width:172px;
height:166px;
z-index:9;
visibility: visible;">
<table width="300" height="300" border="0" cellpadding="0" cellspacing="0" bordercolor="#FFCCCC" bgcolor="#FFCCCC">
<tr>
<td valign="top">下面的列表框是在另一个层上 什么还是显示在它上面的一个层上呢？？？</td>
</tr>
</table>
</div>
<div id="selectlayer" style="position:absolute;
left:0;
top:100;
width:138px;
height:122px;
z-index:1;
visibility: visible;">
<select name="select">
<option selected>北京</option>
<option>上海</option>
<option>广州</option>
</select>
<br>
其它文字不会覆盖在图片上呀。为什么只有上面的列表框会呢？？？</div>
</body>
</html>
</td>