Javascript 设置一个“；“不可能”；下拉列表要覆盖其他元素的背景

我有一个自动完成功能，它工作得很好，但是当下拉列表出现时，它几乎无法读取，因为它覆盖了其他元素

问题是，我自己没有创建下拉列表，它是根据发送到数据库的请求创建的，我无法准确地确定我必须修改哪个元素的属性，以便在其他元素上显示一个类似于块的下拉框

我试图在下拉列表出现时确定创建了哪些元素，但它似乎没有任何作用。以下是我的结果：

css第一部分编码：

.ui-helper-hidden-accessible {
z-index: 1000;
display: block;
background: #f9f9f9;
border-top: 1px solid blue;

}

自动完成功能（不确定是否有帮助，但放在这里不需要任何费用）

现在我认为我的目标不是正确的课程，但我真的不知道下一步该尝试什么。任何帮助都将不胜感激：）

---

提前感谢，祝你度过愉快的一天：）

你瞄准了错误的div css

这里是修复程序。它的目标是id为#ui-id-1的ul，它显示了自动完成功能

 .ui-widget.ui-widget-content {
    z-index: 1000;
display: block;
background: #f9f9f9;
border-top: 1px solid blue;
} 

---

我对这一点并不感到自豪，但我的html中没有包含jquery-ui.css文件，这就是为什么它没有按我想要的方式工作的原因。

你能给我一把工作小提琴吗。？因为这就是UI自动完成的工作方式。。你的代码可能存在一些结构性问题。我很想，但我的老板不想让我把完整的代码放在互联网上，因为它包含他不想显示的“私人信息”：你能告诉我你在哪里添加这个css吗？在一个css文件中，该文件与我的其他文件位于同一文件夹中

 .ui-widget.ui-widget-content {
    z-index: 1000;
display: block;
background: #f9f9f9;
border-top: 1px solid blue;
}