Html AJAX控件工具包自动完成显示在模式弹出窗口后面

AJAX控制工具包中的AutoCompleteXtender有一个问题，我似乎无法弄清到底。该控件位于asp:面板内，该面板链接到工具包中的ModalPopupXtender。在最新一代的IE9、FF和Opera中，一切都运行良好，但在Safari和Chrome中出现了故障（假设它与WebKit相关）

问题是，自动完成下拉列表落在模式弹出窗口后面，而不是前面（出于隐私原因，名称模糊）：

查看Firebug中的内容，以下是无序列表中呈现的下拉列表：

<ul id="EmployeeAutoCompleteExtender_completionListElem" class="autoCompleteList" style="width: 281px; visibility: visible; position: absolute; left: 0px; top: 22px; z-index: 1000; ">

模式弹出窗口的结果div如下所示：

.autoCompleteList
{
  list-style: none outside none;
  border: 1px solid buttonshadow;
  cursor: default;
  padding: 0px;
  margin: 0px;
}

<div id="MainContent_AddPeoplePanel" class="modalPopup" style="z-index: 100001; position: absolute; left: 719px; top: 352.5px; opacity: 1; ">

---

我的假设是，列表中较低的z索引导致它落后于div，但同样，它在非WebKit浏览器中表现良好。z索引也是内联样式，因此它们显然直接来自控件。我是不是遗漏了什么？有什么建议吗？（除了抛弃WebForms和AJAX并使用jQuery之外）

如果您怀疑是z索引导致了问题，那么如果您尝试使用

覆盖AJAX控件工具包所抛出的内联样式，会发生什么呢！重要信息

.autoCompleteList {
  list-style: none outside none;
  border: 1px solid buttonshadow;
  cursor: default;
  padding: 0px;
  margin: 0px;
  z-index:2000 !important;
}

.modalPopup {
  background-color: White;
  padding: 10px;
  width: 462px;
  z-index:1000 !important;
}

---

我知道这有点像黑客，但如果你还没有尝试过的话，可能值得一试？

伊恩，我在一个模式弹出窗口和几个调用扩展器上遇到了类似的问题。标注始终位于弹出窗口下方。我降低了z-指数的模式与！重要的和糟糕的。开始工作。非常感谢你的建议。

我也遇到了同样的问题

我的代码在mozilla中运行得很好。但它并没有在Safari和Chrome上工作

---

现在我将“z-index:12000！important；”设置为自动完成类，因为模式弹出窗口有10051个z-index值。

不幸的是，它位于防火墙后面，因此没有公开的实时示例。很好！最后，我把“z-index:100002！important！”放在了自动完成列表类中，它比其他所有内容都重要。哈奇，但很高兴：）谢谢你！我有一种感觉，这是一个z指数的问题，但我错过了！重要的。这就解决了问题。

.autoCompleteList {
  list-style: none outside none;
  border: 1px solid buttonshadow;
  cursor: default;
  padding: 0px;
  margin: 0px;
  z-index:2000 !important;
}

.modalPopup {
  background-color: White;
  padding: 10px;
  width: 462px;
  z-index:1000 !important;
}