我在同一容器中有两个元素,第一个有位置:绝对,第二个位置:相对.有没有办法设置绝对元素的“z-index”,使其在后台?相对定位的元素应该在顶部(z层),因为它保存链接…
这是一个JSFiddle:http://jsfiddle.net/8eLJz/
绝对定位的元素位于z层的顶部,我对z-index属性没有影响.我能做什么?
解决方法
我不知道你想要哪一个,但是您只需要在两者上设置位置并在两者上设置z-index.
http://jsfiddle.net/8eLJz/2/
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; }