一尘不染

在页面内容上方浮动div

css

我实现了一个弹出框,可动态显示搜索选项。我希望该框“浮动”在所有网站内容之上。当前,当显示该框时,它将替换其下方的所有内容,并且看起来很糟。

我相信我已经尝试将box的div的z-index设置为高于其余页面内容的z-index,但是仍然没有运气。


阅读 1158

收藏
2020-05-16

共1个答案

一尘不染

您要使用绝对定位。

绝对位置元素相对于具有非静态位置的第一个父元素放置。如果找不到此类元素,则包含的块为html

例如 :

.yourDiv{
  position:absolute;
  top: 123px;
}

要使其正常工作,父级必须是亲戚(position:relative

在您的情况下,这应该可以解决问题:

.suggestionsBox{position:absolute; top:40px;}
#specific_locations_add{position:relative;}
2020-05-16