z-index:-1 的容器 div 内的超链接不可点击

发布于 2024-12-10 18:07:04 字数 128 浏览 0 评论 0 原文

我有一个 z-index 为 -1 的容器 div(因为该容器上方是一个菜单栏,其中包含带有下拉列表的菜单项)。我在此容器内有一个超链接(href 文本)。它在 Chrome 上无法点击。在IE下,没问题。

请问有什么建议吗?

I have a container div with z-index of -1 (because above this container is a menubar with a menuitem with dropdown list). I have a hyperlink (a href text) inside this container. It is not getting clickable on Chrome. In IE, its Ok.

Any suggestions, please?

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

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

发布评论

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

评论(1

眼眸里的那抹悲凉 2024-12-17 18:07:04

好吧,我自己解决了这个问题。对于任何感兴趣的人,我所做的是将菜单栏 div 的 z-index 设置为 +100,而不是将容器 div 的 z-index 设置为 -1。然而,现在出现了相反的现象,即在 chrome 中工作,但在 IE 中不起作用。然后,我找到了这个网站:

http://briancray.com/2009/04/16/target-ie6-and-ie7-with-only-1-extra-character-in-your-css/

解释了如何为 IE 显式定位 css。因此,通过对每种浏览器类型进行二进制切换 z-index,我成功做到了。

Ok, I solved the problem myself. For anyone interested, what I did is I made the z-index of the menubar div +100 rather than making the z-index of the container div to -1. However, now, the opposite phenonmenon occurred i.e. worked in chrome but not in IE. Then, I found this site :

http://briancray.com/2009/04/16/target-ie6-and-ie7-with-only-1-extra-character-in-your-css/

which explains how to target the css explicitly for IE. So, with sort of binary switching the z-index for each browser type, I managed to do it.

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