看起来z-index不适用于具有绝对位置并且相对于另一个div的div?我想要有绝对位置的div低于另一个,但我只能得到相反的结果。有没有办法解决这个问题?相对位置和绝对位置的Z指数?
-2
A
回答
1
This example将向您显示使一个div显示在另一个位置上的代码。
HTML
<div class="one">On top!</div>
<div class="two">Underneath</div>
CSS
.one
{
height: 100px;
width: 100px;
background-color: #ff0;
position: absolute;
top: 5px;
left: 10px;
z-index: 1;
}
.two
{
height: 100px;
width: 100px;
background-color: #f0f;
position: relative;
left: 10px;
z-imdex: 2;
}
更新:仅使用定位得到你想要的效果。
+0
好的,但是一定不能将div“two”放在div“one”里面,这样“one”的结束标签是在标签“two”之后?而最上面的div,应该没有gre-z-index? –
+0
子元素将继承父级的z-index。如果您希望它看起来好像位于顶部,请使用定位。我会更新。 – Kyle
相关问题
- 1. Z指数和相对/绝对定位
- 2. 绝对位置和相对位置
- 3. IE8 Z-Index位置绝对
- 4. css位置:相对vs位置:绝对
- 5. 相对的绝对位置
- 6. CSS相对绝对位置
- 7. CSS z-index和绝对位置
- 8. z-index和绝对位置问题
- 9. 绝对位置和错误的Z指数
- 10. 绝对和相对的CSS位置
- 11. 相对定位Z指数
- 12. 具有绝对位置和较低Z指数的Div显示在较高Z指数(固定位置)顶部
- 13. 位置:出现在相对位置上的相对位置:绝对
- 14. 相对位置和绝对位置之间的填充
- 15. 绝对位置+ <body>位置相对位置
- 16. 相对位置和z-index的混乱
- 17. 绝对位置在绝对位置
- 18. 位置绝对和相对IE7问题
- 19. 相对和绝对位置CSS HTML
- 20. CSS相对和绝对位置
- 21. 绝对位置在一个相对位置上方另一个相对位置
- 22. 位置:绝对和位置:相对问题ie
- 23. CSS水平绝对位置和垂直相对位置
- 24. CSS位置绝对和相对位置错误
- 25. 没有绝对位置的Z-Index
- 26. 位置div与相对位置内部绝对定位div
- 27. 位置:绝对在位在Chrome中相对位置:
- 28. 父母的位置:绝对子女Z指数
- 29. 如何使用相对和绝对位置属性设置z-index?
- 30. 位置:绝对
上传代码........... –