html – 放置在相对定位的元素后​​面

前端之家收集整理的这篇文章主要介绍了html – 放置在相对定位的元素后​​面前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在同一容器中有两个元素,第一个有位置:绝对,第二个位置:相对.有没有办法设置绝对元素的“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相关文章