IE下table使用z-index不起作用
时间：2011-10-18
来源：互联网
IE6、7下，table使用z-index不起作用，求高人指点，table的结构不能变，要达到灰色盒子（box2）完全覆盖在红色盒子（box1）上面的效果，代码如下：
在网上也找了很多方法，大约是这么几个方法：
1.position：relative改成position：absolute，不管用，这样会使弄的其他盒子乱窜！太乱了，不好改
2.float问题：问题是我没用float
3.给带有position的父级的父级加上z-index：1，不管用...
只有上来求助了！！！求高人帮忙发现问题！！最好是table的结构不能变，我是从很多代码中摘出来的一小段，我觉得问题应该就出现在这部分。。
<html>
<head>
<style>
.box1{position:relative;background:red;width:200px;height:200px;z-index:-1；}
.box2{position:absolute;float:left;top:20px;right:-20px;background:#eee;width:100px;height:100px;z-index:9;}
</style>
</head>
<body>
<table>
<tr>
<td>
<div class="box1">1
<div class="box2">111</div>
</div>
</td>
<td>
<div class="box1">1
<div class="box2">111</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="box1">1
<div class="box2">111</div>
</div>
</td>
<td>
<div class="box1">1
<div class="box2">111</div>
</div>
</td>
</tr>
</table>
</body>
</html>
在网上也找了很多方法，大约是这么几个方法：
1.position：relative改成position：absolute，不管用，这样会使弄的其他盒子乱窜！太乱了，不好改
2.float问题：问题是我没用float
3.给带有position的父级的父级加上z-index：1，不管用...
只有上来求助了！！！求高人帮忙发现问题！！最好是table的结构不能变，我是从很多代码中摘出来的一小段，我觉得问题应该就出现在这部分。。
<html>
<head>
<style>
.box1{position:relative;background:red;width:200px;height:200px;z-index:-1；}
.box2{position:absolute;float:left;top:20px;right:-20px;background:#eee;width:100px;height:100px;z-index:9;}
</style>
</head>
<body>
<table>
<tr>
<td>
<div class="box1">1
<div class="box2">111</div>
</div>
</td>
<td>
<div class="box1">1
<div class="box2">111</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="box1">1
<div class="box2">111</div>
</div>
</td>
<td>
<div class="box1">1
<div class="box2">111</div>
</div>
</td>
</tr>
</table>
</body>
</html>
作者: left_cheer 发布时间: 2011-10-18
z-index:调换过来.
.box1{position:relative;background:red;width:200px;height:200px;z-index:9；}
.box2{position:absolute;float:left;top:20px;right:-20px;background:#eee;width:100px;height:100px;z-index:-1;}
.box1{position:relative;background:red;width:200px;height:200px;z-index:9；}
.box2{position:absolute;float:left;top:20px;right:-20px;background:#eee;width:100px;height:100px;z-index:-1;}
作者: rao3324180 发布时间: 2011-10-18
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读：74
-
如何安装mysql8.0
阅读：31
-
Word快速设置标题样式步骤详解
阅读：28
-
20+道必知必会的Vue面试题（附答案解析）
阅读：37
-
HTML如何制作表单
阅读：22
-
百词斩可以改天数吗？当然可以，4个步骤轻松修改天数！
阅读：31
-
ET文件格式和XLS格式文件之间如何转化？
阅读：24
-
react和vue的区别及优缺点是什么
阅读：121
-
支付宝人脸识别如何关闭?
阅读：21
-
腾讯微云怎么修改照片或视频备份路径?
阅读：28
