为什么 z-index 对这两个元素不起作用?
您可以在这里查看我的问题:
http://pmind.com/staging/123.html
我我已经在 Chrome、Safari、Firefox 和 Opera 中对此进行了测试,所以我知道这不仅仅是 Internet Explorer 的一个奇怪的错误。
在内容的右上角,有两个文本链接,隐藏在图形下方。包含文本链接的
位于页面的下方,我的理解是,仅此一项就可以使链接的 z-index 位于顶部。但因为这没有解决问题,所以我手动设置了包含文本链接的
的 z-index,但这仍然没有解决问题。我发现的一个部分解决方案是将页面上除
之外的所有内容的 z-index 设置为 -1。然而,这破坏了导航项目的翻转功能。我讨厌问这样的问题,然后这是一个我刚刚忽略的极其简单的问题,但我已经无计可施了。You can see my issue here:
http://pmind.com/staging/123.html
I've tested this in Chrome, Safari, Firefox and Opera so I know it's not just an Internet Explorer wonky bug.
In the top right of the content, there are two text links, that are being hidden under the graphic. The <div>
that contains the text links comes further down in the page, and my understanding was that that alone would make the z-index of the links such that they would be on top. But because that didn't do it, I set the z-index of the <div>
containing the text links manually, which still didn't fix the problem.
One partial solution I found was to set the z-index of everything on the page but the <div>
to -1. This however broke the roll-over functionality of the navigation items. I hate to ask something like this, and then it be some extremely simple issue I've just overlooked, but I'm at my wit's end.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
添加“位置:相对;”添加到 #top_links 将它们带到 Firefox 的前面。我还没有在其他浏览器中测试过这一点。
Adding "position: relative;" to #top_links brings them to the front in Firefox. I haven't tested this in other browsers.