我在同一个容器中有两个元素,第一个是position: absolute
,第二个是position: relative
。有没有办法设置绝对元素的“z-index”,使其在后台?相对定位的元素应该在顶部(z 层),因为它包含链接...
这是一个 JSFiddle:http://jsfiddle.net/8eLJz/
绝对定位元素位于 z 层的顶部,我对 z-index
属性没有影响。我能做什么?
最佳答案
我不确定你想要哪个在前面,但你只需要在两者上设置位置并在两者上设置 z-index 。 http://jsfiddle.net/8eLJz/2/
a {
color: black;
}
nav#mainNav {
position: relative;
}
nav#mainNav > img {
position: absolute;
width: 100px;
left: 0;
z-index: 5;
}
nav#mainNav > a > img {
width: 100%;
}
nav#mainNav > nav {
width: 100%;
position: relative;
z-index: 10;
}
nav#mainNav > nav > a {
display: block;
text-align: right;
background-color: yellow;
}
关于html - 将绝对放在相对定位元素的后面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22151271/