z-index 被覆盖在某处

发布于 2024-11-04 02:34:31 字数 348 浏览 1 评论 0原文

http://alexruimy.com/tll3/

如果您在搜索栏中输入,您将看到搜索结果盒子滑下来。

由于某种原因(以前没有这样做!),搜索结果框位于灰色图片框后面而不是上方。

我已经尝试过:
- 将包含 div 的 z-index 设置为 999!在 style.css 中很重要
- 通过 js 调用函数也是如此
- 降低后面灰色框的 zindex。

无济于事。如有必要,很乐意提供更多代码。我觉得一旦我意识到我搞砸了哪里,这将是一个快速修复。

谢谢!

http://alexruimy.com/tll3/

if you type into the search bar, you will see the search results box slide down.

for some reason (it didn't do this before!) the search results box is going behind the grey picture box instead of over it.

i have tried:
- setting the containing div's z-index to 999 !important in style.css
- same thing on function call via js
- lowering the zindex of the grey box behind it.

to no avail. happy to provide more code if necessary. i feel like this will be a quick fix once i realize where i screwed up.

thanks!

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

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

发布评论

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

评论(1

终难遇 2024-11-11 02:34:31

Firebug 是此类事情的朋友。如果您不使用 Firebug,请花一些时间来学习它,因为它将为您省去无数麻烦。

至于您的问题,覆盖下拉列表的当前 div 的 z 索引为 10。您的下拉列表虽然 z 索引为 1000,但包含在没有设置 z 索引的父 div 中。解决方法是给父 div 一个 z-index:

#header {z-index: 11}

Firebug is your friend for things like this. If you don't use Firebug, take some time to learn it as it will save you countless headaches down the road.

As for your issue, the current div covering your drop down has a z-index of 10. Your drop down, while having a z-index of 1000, is contained in a parent div that does not have a z-index set. The fix is to give the parent div a z-index:

#header {z-index: 11}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文