自动完成建议列表的 z-index 错误,我该如何更改?

发布于 2024-10-13 04:15:26 字数 239 浏览 2 评论 0原文

看来我的自动完成列表是 < z-index 比我网站的某些元素高,所以它暴露不足,我应该编辑什么类?

使用editCSS我播种这些类,并添加(我网站的z索引,但很少有不影响的是1)

.ui-corner-all, .ui-menu-item, #ingredientes_s.ui-autocomplete-input{z-index: 20;}

,但仍然是同样的问题..

seems that my autocomplete list its < z-index than some elements of my site so its under exposed, what class shall i edit?

with editCSS i sow those class, and add (z-index of my site but few tings doesn't affect is 1)

.ui-corner-all, .ui-menu-item, #ingredientes_s.ui-autocomplete-input{z-index: 20;}

but stills same problem..

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

暖风昔人 2024-10-20 04:15:26

jQuery UI 自动完成选项列表通过获取附加到的文本输入的 z 索引来计算其 z 索引值,并将该值加 1。

因此,您可以为文本输入指定 z-index 999,自动完成功能的 z-index 值为 1000

取自 http://bugs.jqueryui.com/ticket/5489

<input type="text" class="autocomplete" style="z-index:999;" name="foo">

jQuery UI Autocomplete options list calculates its z-index value by taking the z-index of the text input it's being attached to and adds 1 to that value.

So you can give a z-index of 999 to the text input the autocomplete will have a z-index value of 1000

Taken from http://bugs.jqueryui.com/ticket/5489

<input type="text" class="autocomplete" style="z-index:999;" name="foo">
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文