z-index:-1 的容器 div 内的超链接不可点击
我有一个 z-index 为 -1 的容器 div(因为该容器上方是一个菜单栏,其中包含带有下拉列表的菜单项)。我在此容器内有一个超链接(href 文本)。它在 Chrome 上无法点击。在IE下,没问题。
请问有什么建议吗?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
好吧,我自己解决了这个问题。对于任何感兴趣的人,我所做的是将菜单栏 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.