导航链接突然不可点击

时间:2013-02-26 03:45:31

标签: css html navigation hyperlink

我正在为一个类工作一个页面,只是为了显示东西(你可以看到它们按照正文中的章节排序)但我最初在左边有一个列表,我最初使用它列出了所有这些,并且我想保留它。

问题是,一旦我开始添加更多CSS - 我不知道究竟在哪里 - 左边的区域变得完全无法点击。你不能突出显示文本,你不能点击任何文本 - 没有。我完全不知道造成这种情况的原因。

链接到网站here

here是一个显示我拥有的所有内容的pastebin链接。

谢谢,非常感谢任何帮助。

2 个答案:

答案 0 :(得分:1)

.content div与整个身体区域重叠,因为“position:absolute;”

在您的CSS中将z-index: 9999;添加到#menu,它应该是可点击的。

其他方式是使用“position:relative; float:left;” .content和#menu,但你必须小心他们的宽度。它们的宽度总和(包括填充和边距和边框)应小于或等于容器宽度。在你的情况下,它应该是body标签(实际上是你的html中没有看到body标签)。

答案 1 :(得分:0)

那是因为你的.content div正在使用position: absolute;所以它被取出页面流并重叠侧边栏,因为它没有设置宽度(块元素跨越视口的整个宽度,除非你给出它是一个固定的宽度)...只需在您的z-index div中添加一个负.content值,它就可以正常工作。

更多关于z-index