求解决 在chrome下 z-index 显示不正常，代码如下：
求解决在chrome下z-index显示不正常，蓝色方块在其他浏览器都是在红色方块下的，但是在chrome下就是在红色方块之上。希望在尽量不改变代码，只添加代码的情况下z...
求解决 在chrome下 z-index 显示不正常，
蓝色方块在其他浏览器都是在红色方块下的，但是在chrome下就是在红色方块之上。
希望在尽量不改变代码，只添加代码的情况下 z-index属性在chrome下也能有用。
尤其是position属性，如果改了我就得大改，还不如删了重做。
代码如下：
<html>
<head>
<style type="text/css">
#a1
{
right: 0;
top:0%;
width: 300px;
height: 100%;
position: fixed;
background: red;
}
#a2
{
left:-100px;
top:200px;
width: 500px;
height: 300px;
position:absolute;
z-index: -1;
background: blue;
}
</style>
</head>
<body>
<div id="a1">
<div id="a2"></div>
</div>
</body>
</html> 展开
蓝色方块在其他浏览器都是在红色方块下的，但是在chrome下就是在红色方块之上。
希望在尽量不改变代码，只添加代码的情况下 z-index属性在chrome下也能有用。
尤其是position属性，如果改了我就得大改，还不如删了重做。
代码如下：
<html>
<head>
<style type="text/css">
#a1
{
right: 0;
top:0%;
width: 300px;
height: 100%;
position: fixed;
background: red;
}
#a2
{
left:-100px;
top:200px;
width: 500px;
height: 300px;
position:absolute;
z-index: -1;
background: blue;
}
</style>
</head>
<body>
<div id="a1">
<div id="a2"></div>
</div>
</body>
</html> 展开
展开全部
你的固定定位position: fixed;没加top:0; left:0;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个是没办法帮到的 因为两个div 都是设置了position 所以a2 会在a1之上的，如果要解决这个的话
a1最好不要设置position属性
a1最好不要设置position属性
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
谷歌不太常用吧。为什么非得在谷歌下用呢。人们还是用ie的比较多。这个是兼容性问题。
追问
就是为了考虑兼容性，希望做的网页能在主流浏览器中都能正常显示。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
