CSS我的搜索字段的autosuggest结果显示在横幅下

时间:2014-05-20 13:16:21

标签: css css3 joomla

我有一个基于Yootheme同步模板的Joomla网站。

我的搜索模块在访问者开始在搜索栏中输入字符时显示自动建议结果。

但是这些自动建议结果显示不正确,因为我在标签模块中发布了搜索模块。

查看截图: http://prntscr.com/3kwpmf

这是结果的CSS:

.searchbox .results {
    top: 49px;
    width: 300px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1);
    border-bottom: none;
    border-radius: 5px;
    background: #f7f7f7;
    background: -webkit-linear-gradient(top, #f7f7f7, #f4f4f4);
    background: -moz-linear-gradient(top, #f7f7f7, #f4f4f4);
    background: -o-linear-gradient(top, #f7f7f7, #f4f4f4);
    background: linear-gradient(to bottom, #f7f7f7, #f4f4f4);
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.2), inset 0px 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
}

是否有人可以帮助我解决这个问题?

2 个答案:

答案 0 :(得分:0)

设置为相对位置并检索包装器上的任何高度如果要放入框内,如果要重叠设置为位置:绝对和z-index 999

答案 1 :(得分:-1)

组:

z-index:100

或比标签模块更高的值。