绝对定位的元素未显示在顶部z-index

时间:2020-04-20 07:12:42

标签: javascript html css web

作为我网站的一部分,当用户键入当前关键字时,会有一个搜索字段,其中带有一个建议/自动完成框。 image

问题是如果用户输入太多,为了使滚动条出现,我必须将overflow-x设置为auto,将overflow-y设置为隐藏。然后,这导致建议框未显示/被溢出y截断。 image

您可以在此处找到该问题的演示: http://testing.server-lists.com/minecraft/

可以找到here As stackoverflow limited me to 3000 characters.

即使“建议”框具有绝对定位并且没有出现1000 z索引,但有人知道如何解决此问题吗?

1 个答案:

答案 0 :(得分:0)

我已经检查了您引用的演示站点,只是删除了样式属性:

overflow-x: auto;
overflow-y: hidden;

从div中,使用class =“ bootstrap-tagsinput”并删除空白:no-wrap; 因为包裹在容器中几乎看不到任何东西,所以隐藏着溢出物。

可以请您试一下,然后告诉我是否可行?

相关问题