在谷歌浏览器下使用jquery获取div的z-index返回auto
在谷歌浏览器下使用jquery获取div的z-index返回auto，而在ie8或火狐都正常，代码如下：<html><head><title>jQueryTest</ti...
在谷歌浏览器下使用jquery获取div的z-index返回auto，而在ie8或火狐都正常，代码如下：
<html>
<head>
<title>jQuery Test</title>
<style>
#div2{z-index:10;}
</style>
<script src="images/jquery.js"></script>
<script>
$(document).ready(function(){
$("#div1").click(function(){
$("#div1").css("zIndex","15");
alert("div1>>>" + $("#div1").css("zIndex"));
alert("div2>>>" + $("#div2").css("zIndex"));
});
});
</script>
</head>
<body>
<div id="div1">1</div>
<div id="div2">2</div>
</body>
</html> 展开
<html>
<head>
<title>jQuery Test</title>
<style>
#div2{z-index:10;}
</style>
<script src="images/jquery.js"></script>
<script>
$(document).ready(function(){
$("#div1").click(function(){
$("#div1").css("zIndex","15");
alert("div1>>>" + $("#div1").css("zIndex"));
alert("div2>>>" + $("#div2").css("zIndex"));
});
});
</script>
</head>
<body>
<div id="div1">1</div>
<div id="div2">2</div>
</body>
</html> 展开
2个回答
展开全部
你的div1,div2都不是处在堆叠顺序中……
z-index 必须元素有position:absolute或position:relative或position:fixed 才有效果。
所以你给你的样式中，给div1,div2加上相对定位，或者绝对定位。
#div1{position: relative;}
#div2{z-index:10;position: relative;}这样就没问题，亲测可用~
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
