2010-10-27 25 views
1

你可以在这里看到我的问题:为什么z-index不能处理这两个元素?

http://pmind.com/staging/123.html

我已经在Chrome,Safari浏览器,Firefox和Opera测试,所以我知道它不只是一个Internet Explorer靠不住的错误。

在内容的右上方,有两个文字链接,它们隐藏在图形下方。包含文本链接的<div>在页面中更进一步,我的理解是,只有这样才能使链接的z-索引达到最高。但是因为没有这样做,所以我手动设置了包含文本链接的<div>的z索引,这仍然不能解决问题。

一个部分解决方案,我发现是设置网页上的所有的z-index的,但<div>为-1。然而这打破了导航项目的翻转功能。我不想问这样的事情,然后这是我刚刚忽略的一个非常简单的问题,但我在智慧的结尾。

+0

示例链接不再有效,但我的问题的原因是我没有意识到页面中具有位置的元素:relative或:绝对生活在不同的堆叠顺序中,而不是生活在不同的堆叠顺序中。 – 2011-01-21 19:33:13

回答

1

添加“position:relative;”到#top_links将它们带到Firefox的前端。我没有在其他浏览器中测试过。

+0

你先生是个绅士和学者。非常感谢。 – 2010-10-27 22:25:05

+0

不客气,迈克尔。如果您认为答案可以解决您的问题,您可以通过单击左侧的复选标记将其标记为正确。 – Daniel 2010-10-27 22:35:05

相关问题