2011-10-19 144 views
-2

看起来z-index不适用于具有绝对位置并且相对于另一个div的div?我想要有绝对位置的div低于另一个,但我只能得到相反的结果。有没有办法解决这个问题?相对位置和绝对位置的Z指数?

+4

上传代码........... –

回答

1

This example将向您显示使一个div显示在另一个位置上的代码。

HTML

<div class="one">On top!</div> 
<div class="two">Underneath</div> 

CSS

.one 
{ 
    height: 100px; 
    width: 100px; 
    background-color: #ff0; 
    position: absolute; 
    top: 5px; 
    left: 10px; 
    z-index: 1; 
} 

.two 
{ 
    height: 100px; 
    width: 100px; 
    background-color: #f0f; 
    position: relative; 
    left: 10px; 
    z-imdex: 2; 
} 

更新:仅使用定位得到你想要的效果。

Look here

+0

好的,但是一定不能将div“two”放在div“one”里面,这样“one”的结束标签是在标签“two”之后?而最上面的div,应该没有gre-z-index? –

+0

子元素将继承父级的z-index。如果您希望它看起来好像位于顶部,请使用定位。我会更新。 – Kyle