在固定肚脐上放一个模态div
在固定肚脐上放一个模态div
提问于 2016-01-26 09:29:23
我在我的webpage.Now中有固定的导航栏，我有一个输入框，当我集中在一个dialog.Now中打开一个建议列表时，我面临的问题是对话框在导航栏下面，我希望它在导航栏之上。
对话框css
.search-overlay-container {
position: static;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
width: 340px;
box-shadow: 0 0 0px;
padding: 0px;
background-color: #343031;
overflow: auto;
margin-top: -79px;
min-height: 475px;
max-height: 475px;
}固定肚脐
position: fixed;
right: 0;
left: 0;
z-index: 1030;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}回答 2
Stack Overflow用户
回答已采纳
发布于 2016-01-26 09:31:18
添加高于导航栏的css z索引属性.例如：
z-index: 1000;Stack Overflow用户
发布于 2016-01-26 10:07:20
你将需要abs位置，并给予它最小的z-指数:1031。为了不被隐藏，它需要比导航更高的z指数，把它想象成一张叠在一起的纸。父级需要是位置相对于在父级中具有z-索引且绝对定位的所有子级，将根据那里的z-索引值堆叠，在顶部最高。
这里有更多信息：- https://en.wikipedia.org/wiki/Z-index
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35010595
复制相关文章
相似问题
腾讯云开发者
