我正在为一个类工作一个页面,只是为了显示东西(你可以看到它们按照正文中的章节排序)但我最初在左边有一个列表,我最初使用它列出了所有这些,并且我想保留它。
问题是,一旦我开始添加更多CSS - 我不知道究竟在哪里 - 左边的区域变得完全无法点击。你不能突出显示文本,你不能点击任何文本 - 没有。我完全不知道造成这种情况的原因。
链接到网站here
here是一个显示我拥有的所有内容的pastebin链接。
谢谢,非常感谢任何帮助。答案 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