我一直在用我的Z索引摔跤了好几个小时了。我已经阅读了很多关于堆叠环境如何改变的内容,但是它一定会超出我的头脑,因为我无法得到这个基本示例的工作。如何让我的div的第一个孩子出现在div后面?
的HTML:
<div class="container">
<a href="#" class="under">under</a>
<a href="#" class="over">over</a>
</div>
的CSS:
.container{
float: left;
background:red
z-index: 1;
padding-top: 20px;
text-align: center;
margin-top: 50px;
color: white;
background:red;
position:fixed;
}
.over{
height: 100%;
width: 100%;
float: left;
}
.under{
height: 100%;
width: 100%;
float: left;
position: relative;
float: left;
top: -20px;
z-index:-1;
}
小提琴:
我不能让 “下” 的链接出现在容器div的背景背后。
OP正在努力使'通过这种方式,你将看不到.under'去了'.container'背景 – haxxxton 2014-09-02 01:40:10
后面。在原因.container是一个纯色,但是,你仍然可以添加(背景:rgba(0,0,0,0.6);)为.container css使你的.container具有不透明性,但你的.under链接不会可点击因为它已被阻止.container – kyyuen 2014-09-02 01:48:38
是的,这就是我想要的。让我的标签不可点击似乎很愚蠢,但我随后使用javascript进行移动。所以@haxxxton是对的。这个例子在这方面对我不起作用。 – PrimitiveType 2014-09-02 03:44:28