我做了一个滚动菜单,当我尝试选择它时,菜单列表落后于一个对象(一个简单的音乐播放器)。我怎样才能将该物体放在较低的水平?我知道我应该使用z-index命令,但我不知道该值。我试过了所有这些。
z-index:0;
z-index:1;
z-index:auto;
我可以使用Whatelse吗?
答案 0 :(得分:0)
值得注意的是,z-index
仅在position
ed元素(absolute
,relative
或fixed
)上遵循z-index
。如果您将static
放在非定位(z-index
)元素上,它将被忽略。
auto
的值是任何整数或{{1}};
答案 1 :(得分:0)
z-index
仅适用于position
absolute
,relative
或fixed
的明确定位元素。
另外,他们的“堆叠上下文”与他们在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,以便我们为您提供帮助。
上阅读有关z-index的更多信息