Question

我使用z-index表示相对和绝对位置属性时遇到问题，orcitMultiselectTreeviewDropdownInner下面是orcitMultiselectTreeviewDropdown的子div。 z-index按预期工作，但当我滚动水平orcitMultiselectTreeviewDropdownInner div时，我在页面上滚动条也会改变位置。即使使用水平或垂直滚动，我怎样才能将位置保持在正常位置？

CSS：

.orcitMultiselectTreeviewPosition .orcitMultiselectTreeviewDropdown .orcitMultiselectTreeviewDropdownInner {
    position: relative;
    z-index:999999;
}    
 .orcitMultiselectTreeviewPosition .orcitMultiselectTreeviewDropdown {
     position:absolute;
}

Answer 1

1）如果要使用z-index将元素置于彼此之上，具有已定义z-index的子元素的所有父元素，还必须具有已定义的z-index 。正如您所知，Z-indexing将事物“置于彼此之上”，但它仅适用于子父交互。（如果孩子或父母div是“在前面”或“在后面”那么无关紧要）

2）尝试position:absolute;同时尝试将.orcitMultiselectTreeviewDropdownInner定位到left:0; top:0;或其他内容

3）尝试z-index:999;为一个，z-index:99为另一个

如何使用相对和绝对位置属性设置z-index？

1 个答案: