ajax组合框无法正确渲染

Question

Ajax comboBox控件无法正确呈现并且在其他控件之前。当我点击菜单（li）标签，菜单落在ajax组合框后面时。

这是我正在使用的ajax组合框

.WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{
margin: 0;
border: solid 1px #7F9DB9;
border-right: 0px none;
padding: 1px 0px 0px 5px;
font-size: 13px;
height: 18px;
}
.WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
{
margin: 0;
padding: 0;
background-image: url(/images/AJAX/windows-arrow.gif);
background-position: top left;
border: 0px none;
height: 21px;
width: 21px;
}

.WindowsStyle .ajax__combobox_itemlist
{
border-color: #7F9DB9;
}

我正在使用的ajax css是否有任何关系？

这是菜单css

{
  height: 24px;
  position: relative;
  border-left: 1px solid #069;
  font-family: arial,sans-serif;
  margin-bottom: 6px;

}

Answer 1

z-index 是一个CSS属性，用于设置特定元素的堆栈顺序。堆栈顺序较大的元素始终位于堆栈顺序较低的另一个元素的前面。

要了解详情，请查看以下链接：Z-index

css for menu：

{
  height: 24px;
  position: relative;
  border-left: 1px solid #069;
  font-family: arial,sans-serif;
  margin-bottom: 6px;

  // Add this line to your menu Css.
  z-index: 1000;
}

OR

更改ajax控件的z-index，但是在这里我们将堆栈顺序降低到较低的一侧以使控件保持在菜单的后面。如果-1没有帮助，您仍然可以降低控件的z-index值。

WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{
margin: 0;
border: solid 1px #7F9DB9;
border-right: 0px none;
padding: 1px 0px 0px 5px;
font-size: 13px;
height: 18px;

// Add this line to your menu Css.
  z-index: -1;
}

  

我建议你，是从浏览器检查表单并检查   什么是最好的z指数。然后设置它