不同意将div置于另一个div之上。
不同意将div置于另一个div之上。
提问于 2014-12-28 18:02:40
在投反对票或重复提问前，请先阅读议题。
我对把一个div放在另一个下有点问题。我知道有人在这里问过这个问题，我读过所有的问题，也试过所有的问题，但没有一个对我有用。
每个人每天都要把position: relative交给div，然后再给一个更高的z-index，另一个更低。他们都不为我工作。所以我是来寻求帮助的。
在我的项目(http://loadtest.isaumya.com/)中，我有两个div，即
<body>
<div class="conteiner">blah blah blah</div>
<div id="particle-js"></div>
</body>我想把<div id="particle-js"></div>放在容器的后面，但是没有什么效果。所以请帮帮忙。
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-12-28 18:09:49
你订的很差：
<div class="container">...</div>
<div id="particles-js">...</div>倒置位置：
<div id="particles-js">...</div>
<div class="container">...</div>这是有意义的，因为您希望您的全屏画布粒子自然z索引低于后者#容器。优先规则
还将此样式添加到particle-js元素中：
#particles-js{
position:absolute;
top:0;
width:100%;
height:100%;
}如果上面仍然没有帮助(它应该)添加：
.container {
position: relative;
z-index: 1;
}canvas 使您的元素
结果图像：
Stack Overflow用户
发布于 2014-12-28 18:36:34
这只是一个非常简单的概念，你需要记住在css中的位置。
- 相对定位元素相对于其正常位置定位。 绝对位置元素相对于具有非静态位置的第一父元素定位。
您可以这样解决这个问题：
<body>
<div class="container">blah blah blah</div>
<div id="particle-js"></div>
</body>和css
div {
width: 100px;
height: 100px;
}
.container {
position: absolute;
background-color: blue;
z-index: 1;
}
#particle-js {
position: absolute;
background-color: red;
}使z-index更高到wichever元素，您希望在顶部显示
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27679115
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号