当父母有位置时,子div被隐藏:已修复

时间:2017-05-16 08:26:49

标签: html css

问题很奇怪,因此我借助图像来解释它。

图片1:(参见下图)此处侧栏没有明确设置任何位置,弹出窗口已

.popup{ 
    position: absolute;
    z-index: 900100; 
}

我的弹出窗口位于侧栏和内容部分,到目前为止一直很好。

Pop up is shown correctly

图片2:在内容滚动中,我将侧边栏定位为固定,这样当仅滚动内容时,侧边栏不会滚动。因此,侧栏低于风格。

.sideBar {
    position: fixed;
    top: 100px
}

现在,当弹出窗口打开时,它会隐藏在内容部分后面,如下图所示。enter image description here

我尝试改变元素等的位置,但似乎没有任何帮助。请提供一些方法。我不希望弹出窗口隐藏在内容部分后面。

2 个答案:

答案 0 :(得分:0)

如果没有您的代码或小提琴,那么请确保您的弹出式侧边栏的z-index高于内容部分。

答案 1 :(得分:0)

我是如何解决的:

    侧边栏的
  1. z-index大于z-index内容。 (学分 - @Deathstorm)
  2. 我的弹出式position: fixed已添加div