CSS:图像重叠下拉菜单<div> </div>

时间:2014-09-02 19:46:56

标签: javascript jquery html css

我有这个jQuery Autocomplete,它从数据库中获取结果。但由于某种原因,结果得到;在加载结果毫秒后隐藏在此图像后面。我该怎么办呢?那么结果不会隐藏在图像背后? 任何建议都有帮助。

图像 enter image description here

我的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;
}

2 个答案:

答案 0 :(得分:0)

使用CSS z-index属性指定结果div的堆栈顺序。例如:

z-index: 99;

答案 1 :(得分:0)

尝试位置属性和z-index。需要HTML进一步分析。