我有这个jQuery Autocomplete,它从数据库中获取结果。但由于某种原因,结果得到;在加载结果毫秒后隐藏在此图像后面。我该怎么办呢?那么结果不会隐藏在图像背后? 任何建议都有帮助。
图像
我的CSS代码
#suggestions {
display: none;
float: right;
margin-right: -10px;
height: 20px;
width: 40%;
}
#searchresults {
border-width: 1px;
border-color: #919191;
border-style: solid;
width: 64%;
background-color: black;
color: white;
font-size: 10px;
line-height: 14px;
float: right;
margin-right: 9px;
}
#searchresults a {
display: block;
/*background-color: #e4e4e4;*/
background-image: url(../images/hdr-bg.png);
line-height: 40px;
height: 56px;
text-decoration: none;
font-size: 20px;
}
#searchresults a:hover {
background-color: #b7b7b7;
color: #ffffff;
}
#searchresults a img {
float: left;
padding: 5px 10px;
}
#searchresults a span.searchheading {
display: block;
font-weight: bold;
padding-top: 5px;
color: #ffffff;
font-family: Myriad Pro;
}
#searchresults a:hover span.searchheading {
color: #ffffff;
}
#searchresults a span {
color: #ffffff;
}
#searchresults a:hover span {
color: #ffffff;
}
#searchresults span.category {
font-size: 11px;
margin: 5px;
display: block;
color: #ffffff;
}
#searchresults span.seperator {
float: right;
padding-right: 15px;
margin-right: 5px;
background-image: url(../images/shortcuts_arrow.gif);
background-repeat: no-repeat;
background-position: right;
}
#searchresults span.seperator a {
background-color: transparent;
display: block;
margin: 5px;
height: auto;
color: #ffffff;
}
答案 0 :(得分:0)
使用CSS z-index
属性指定结果div的堆栈顺序。例如:
z-index: 99;
答案 1 :(得分:0)
尝试位置属性和z-index。需要HTML进一步分析。