我搜索“asyoutype”,结果应该会显示所有匹配项,现在的问题是它不会越过包装搜索和菜单的“容器”div。我尝试了不同的职位但没有成功,有人有什么想法吗?如果我需要更新更多信息,请告诉我。
这是我的 asyoutype resultdiv 的 css
.searchResult
{
background: #fff;
text-align: left;
line-height: 1.5em;
width: 265px;
z-index: 10000;
display: none;
float: left;
clear: both;
box-shadow: 0 3px 5px #333;
-moz-box-shadow: 0 3px 5px #333;
-webkit-box-shadow: 0 3px 5px #333;
position: absolute;
right: 40px;
top: 36px;
}
这是容器头(html5)
header.main {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: -moz-linear-gradient(center top , #F4F4F4, #D1D1D1) repeat scroll 0 0 #E4E4E4;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-color: #C7C8C8;
border-style: solid;
border-width: 0 1px;
margin: 0 0 22px;
overflow: hidden;
position: relative;
}
最佳答案
我猜 .searchResult
位于 DOM 的 header.main
中。因为header.main
有overflow: hidden
,所以.searchResult
消失了。您应该将 .searchResult
移出 HTML 中的 header.main
,或者删除 overflow: hidden
指令。
关于html - 我如何让这个 div 覆盖另一个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6490687/