jQuery-UI 的自动完成显示不佳，z-index 问题

Question

我目前正在我的客户网上商店中实现 jQuery UI 的自动完成功能。问题是：自动完成所在的元素具有比自动完成的 z-index 更高的 z-index。我尝试手动设置自动完成 z-index，但我感觉 jQuery UI 正在覆盖它。

事实上，我的问题是重复的 自动完成建议列表错误的 z-index，我该如何更改？ , 但由于没有答案，我想再试一次。

欢迎任何帮助！

马丁

原文由 Martijn 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

使用 z-index 和 !important

 .ui-autocomplete { position: absolute; cursor: default;z-index:30 !important;}

原文由 Ranch 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

在搜索时我发现了这个主题（http://forum.jquery.com/topic/alternating-style-on-autocomplete）。显然，更改自动完成框样式的唯一方法是通过 javascript 执行此操作：

     open: function(){
        $(this).autocomplete('widget').css('z-index', 100);
        return false;
    },

原文由 Martijn 发布，翻译遵循 CC BY-SA 3.0 许可协议