样式jQuery自动完成结果

Question

这就是autcomplete现在显示结果的方式。 在此处输入图片说明 它在搜索栏的后面。 是否可以将其带到上方。 另外，我想为其设置样式。 有人可以提供一些样式参考。

以下是标头容器的代码

.header-container {
position: fixed;
top: 0;
background-color: #1E1E1E;
width: 100%;
z-index: 2000;
height: 42px;
}

这是搜索输入：

#header-search-input {
background-image: url(images/search.png);
background-repeat: no-repeat;
font-size: 12px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #424A61;
border: none;
font-size: 14px;
height: 22px;
width: 355px;
position: absolute;
top: 9px;
overflow: hidden;
right: 40%;
padding-left: 25px;
}

Answer 1

好的，我通过将airi建议的z-index更改为2来修复它。 虽然，我真的不知道如何解决这个问题。

Answer 2

样式：

input#autocomplete { 
 /* styles here */
}

z-index ：（ 最好使用z-index来防止元素堆叠时沿途出现其他问题）

了解z-index和堆叠顺序。

样式jQuery自动完成结果

问题描述

2 个解决方案

解决方案1
0 2014-02-13 05:14:25

解决方案2
0 已采纳 2014-02-13 05:24:14

样式jQuery自动完成结果

问题描述

2 个解决方案

解决方案1 0 2014-02-13 05:14:25

解决方案2 0 已采纳 2014-02-13 05:24:14

解决方案1
0 2014-02-13 05:14:25

解决方案2
0 已采纳 2014-02-13 05:24:14