我需要放入一个较低级别的对象

时间:2013-10-07 19:10:38

标签: html css

我做了一个滚动菜单,当我尝试选择它时,菜单列表落后于一个对象(一个简单的音乐播放器)。我怎样才能将该物体放在较低的水平?我知道我应该使用z-index命令,但我不知道该值。我试过了所有这些。

z-index:0; 
z-index:1; 
z-index:auto;
我可以使用Whatelse吗?

2 个答案:

答案 0 :(得分:0)

值得注意的是,z-index仅在position ed元素(absoluterelativefixed)上遵循z-index。如果您将static放在非定位(z-index)元素上,它将被忽略。

auto的值是任何整数或{{1}};

答案 1 :(得分:0)

z-index仅适用于position absoluterelativefixed的明确定位元素。

另外,他们的“堆叠上下文”与他们在DOM中的位置有关。两个兄弟元素处于相同的堆叠上下文中,但它们的子元素处于新的堆叠上下文中(因此,如果您有两个兄弟父母z-index: 1,并且其中一个有一个z-index: 1的直接孩子,另一个有z-index: 2的直接孩子,后者会有更高的z-index,因为它的堆叠上下文是1-2而不是1-1。但是如果你有两个父兄弟元素,其中一个有比另一个更高的z索引,没有较低z-index的父级的后代将具有比具有较高z-index的父级的子级更高的z索引,即使您设置了前者的z-index: 500孩子到z-index或类似的东西。基本上堆叠上下文存在于DOM的每个级别,它们的效果级联到它们的后代生成的所有较低的堆叠上下文。

{{1}}掌握起来很棘手,需要大量关注标记和DOM结构。您需要发布所有相关的CSS和HTML,以便我们为您提供帮助。

您可以在Mozilla Developer Network

上阅读有关z-index的更多信息