z-index的行为不作为，我期望

StackOverflow https://stackoverflow.com/questions/389788

  •  23-08-2019
  •  | 
  •  

题

，所以我已经得到了这一点，大致是：

<div id="A">
    <ul>
        <li id="B">foo</li>
    </ul>
</div>
<div id="C">
    ...
</div>

这些被定位成使得B和C重叠。

A具有z-index的90，B具有z-index的92，和C具有z-index的91。但是C在B的前面显示了什么我做错了什么？ （让我知道如果更详细地是必要的。）

有帮助吗？

解决方案

使用z-index是仅适用于在相同的容器中的元素相关。由于B含有A的内部，B的z索引将解决内部A.至于C被而言，B和A以z轴折射率90.然而被渲染的其它元件时，如果C被置于A内，则B仅适用将呈现在前面。

其他提示

如果一个元素没有位置：相对/位置：绝对/位置：固定式，它的位置：静态这是所有元素的默认位置样式

。通过谁是位置的元素：静电，z索引根本不起作用浏览器将使得堆叠在XML元素的顺序，并忽略Z-index属性

有关这样的情况下工作，必须添加位置：相对于所有3种元素，A，B，C

要了解更多关于z索引和CSS层叠，头到这里： http://www.tjkdesign.com/articles/z-index/teach_yourself_how_elements_stack.asp

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top