:z-index ie6、7上没效果(- -|| 急)
日期：2014-05-17 浏览次数：20668 次
求助:z-index ie6、7下没效果(- -|| 急..)
直接上代码,左边的粉色box mouseover出现的灰色box会被右边的粉色box覆盖,设置其z-index 在ie6、7下没效果，ff、ie8没问题。
直接上代码,左边的粉色box mouseover出现的灰色box会被右边的粉色box覆盖,设置其z-index 在ie6、7下没效果，ff、ie8没问题。
- HTML code
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css">
<style type="text/css"><!--
body { font-size:12px; font-family:"宋体"; }
.wrapper { margin:10px auto; width:700px; }
dl {
position:relative;
margin-top:20px;
}
dt {
display:table-cell;
width:2em; height:1em;
border:1px dotted #999; background:#eee;
font-size:6em; text-align:center; vertical-align:middle; color:#999;
}
dt span {
display:inline-block;
font-size:14px; vertical-align:middle;
}
dd {
display:none;
position:absolute;
top:0; left:0;
padding:10px;
width:140px; min-height:20px; _height:20px;
border:1px solid #999; border-left:none; background:#ddd;
line-height:1.4;
z-index:999;
}
.cur {
background:pink; color:red; cursor:pointer;
}
.bg {
background:#ddd; border-style:solid; font-weight:bold; color:#000;
}
.w62 {
width:1em; font-size:6em;
}
--></style>
</head>
<body>
<div class="wrapper">
<table>
<tr>
<td valign="bottom" width="180">
<dl>
<dt class="cur">
<span>
1101<br />90m<sup>2</sup>
</span>
</dt>
<dd>
宿舍楼<br />
宿舍号: 1101 2011
</dd>
</dl>
<dl>
<dt class="w62 cur">
<span>
1101<br />90m<sup>2</sup>
</span>
</dt>
<dd>
宿舍楼<br />
宿舍号: 1101 2011
</dd>
</dl>
<dl>
<dt>
<span>
1101<br />90m<sup>2</sup>
</span>
</dt>
<dd>
</dd>
</dl>
</td>
<td valign="bottom">
<dl>
<dt>
<span>
1101<br />90m<sup>2</sup>
</span>
</dt>
<
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
