设置z-index时必须要固定位置,这样设置它的值时才能奏效(例如 position:absolute;)
下面是示例代码,在ff3.5.5和ie5.5~ie8.0RC1中通过,大家可以尝试着不固定其位置试试。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<style type="text/css">
#king_of_diamonds {
position: relative;
background-color:gray;
width:30px; height:30px;
left: 145px;
top: 145px;
}
#ace_of_diamonds {
position:relative;
background-color:blue;
width:300px; height:300px;
left: 160px;
top: 130px;
z-index: 1;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="king_of_diamonds">
a
</div>
<div id="ace_of_diamonds">
b
</div>
</form>
</body>
如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛