关于ie对css中z-index支持不太好的一个问题，求救！
我明明设置的z-index中，img是在div.can之下的，为什么在ie中，img却在div.can之上？FF和chrome都好好的，唯独ie有毛病，网上也搜不到解决的...
我明明设置的z-index中，img是在div.can之下的，为什么在ie中，img却在div.can之上？FF和chrome都好好的，唯独ie有毛病，网上也搜不到解决的方案，哪位大哥大姐帮帮忙！
代码如下：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#map {
width: 320px;
height: 320px;
margin: 0 auto;
position:relative;
}
.man {
position:absolute;
width: 20px;
height: 20px;
z-index:1;
}
.can {
position:absolute;
width:50px;
height:50px;
border:2px dotted red;
z-index:100;
}
</style>
</head>
<body>
<div id="map">
<img width="20" height="20" class="man" id="man6" style="top: 230px; left:
70px;" src="../img/man.png" pos="16"/>
<div class="can" id="canMove" style="top: 214px; left: 54px;" pos="16"/>
</div>
</body>
</html> 展开
代码如下：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#map {
width: 320px;
height: 320px;
margin: 0 auto;
position:relative;
}
.man {
position:absolute;
width: 20px;
height: 20px;
z-index:1;
}
.can {
position:absolute;
width:50px;
height:50px;
border:2px dotted red;
z-index:100;
}
</style>
</head>
<body>
<div id="map">
<img width="20" height="20" class="man" id="man6" style="top: 230px; left:
70px;" src="../img/man.png" pos="16"/>
<div class="can" id="canMove" style="top: 214px; left: 54px;" pos="16"/>
</div>
</body>
</html> 展开
展开全部
我以前也经常遇到这个问题，后来我直接用js给每个div加上z-index,就不会出现这个问题了，呵呵……
给你个jquery的代码做这件事的。
//This code will start with a z-index of 10000, and decrement the z-index for each DIV element of the page by 10, giving the first DIV a z-index of 10000, the second, 9990, the third 9980, and so on. Notice that the selector will find all DIV elements with the code "$('div')", using the same syntax as CSS selectors.
$(function() {
var zIndexNumber = 10000;
$('div').each(function() {
$(this).css('zIndex', zIndexNumber);
zIndexNumber -= 10;
});
});
给你个jquery的代码做这件事的。
//This code will start with a z-index of 10000, and decrement the z-index for each DIV element of the page by 10, giving the first DIV a z-index of 10000, the second, 9990, the third 9980, and so on. Notice that the selector will find all DIV elements with the code "$('div')", using the same syntax as CSS selectors.
$(function() {
var zIndexNumber = 10000;
$('div').each(function() {
$(this).css('zIndex', zIndexNumber);
zIndexNumber -= 10;
});
});
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
以前我也犯过这个问题，建议看下我帮你搜的资料。对z-index在IE兼容问题有详细说明。
忘记帮你改错了：map 添加z-index:1, man的 z-index改成比1大就行了！
忘记帮你改错了：map 添加z-index:1, man的 z-index改成比1大就行了！
参考资料： http://hi.baidu.com/sonan/blog/item/df6b4f235b787c5f9922ed09.html
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不懂，帮顶~！！！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
