IE6、IE7下的z-index问题_html/css

来源：懂视网责编：小采时间：2020-11-27 16:31:20

IE6、IE7下的z-index问题_html/css

IE6、IE7下的z-index问题_html/css_WEB-ITnose:IE6 IE7 z-index 浏览器兼容有html结构如下： left 鼠标经过时，显示div ... right 鼠标经过时，显示div ... right 相关的css: .wrap{ border:1px solid red; height:30

推荐度：

点击下载本文 文档为doc格式

导读IE6、IE7下的z-index问题_html/css_WEB-ITnose:IE6 IE7 z-index 浏览器兼容有html结构如下： left 鼠标经过时，显示div ... right 鼠标经过时，显示div ... right 相关的css: .wrap{ border:1px solid red; height:30

IE6 IE7 z-index 浏览器兼容

有html结构如下：

	left		鼠标经过时，显示div	...	right	
		鼠标经过时，显示div	...	right

相关的css:

	.wrap{	border:1px solid red;	height:300px;	padding:10px;	width:500px;	}	.fl-wrap{	border:1px solid green;	float:left;	height:100px;	width:50px;	}	.fr-wrap{	border:1px dashed blue;	float:right;	height:300px;	width:440px;	}	ul{	margin:0;	padding:0;	}	.fr-wrap li{	border:1px solid #000;	height:100px;	list-style-type:none;	margin:5px;	padding:5px;	}	.clear{	clear:both;	height:0;	overflow:hidden;	}	.fr-wrap .fl{	border:1px dashed red;	float:left;	height:100%;	width:140px;	}	.fr-wrap .fr{	border:1px dashed blue;	float:right;	height:100%;	width:260px;	}	.fl .pmt-wrap{	position:relative;	*z-index:2;	}	.fl .pmt{	cursor:pointer;	font-size:12px;	margin:5px;	padding:0;	position:relative;	z-index:1;	}	.fl .pmt-detail{	background-color:#fff;	border:1px solid #ccc;	height:200px;	left:5px;	position:absolute;	top:16px;	width:100px;	z-index:3;	}	.hidden{	display:none;	}

火狐下的效果：（也是希望得到的效果）

IE6、IE7下的效果：

已经有按照网络上查到的方法，给.pmt-wrap加上了z-index，但是好像不起作用