2013-02-26 114 views
0

我正在爲一個類的頁面工作,只是爲了顯示的東西(你可以看到它們按照正文中的章節排序),但我最初在左邊列出了一個列表,他們都是,我想保留它。導航鏈接突然無法點擊

問題是,一旦我開始添加更多的CSS - 我不知道到底在哪裏 - 左側區域變得完全不可點擊。你不能突出顯示文字,你不能點擊任何文字 - 什麼都不會。我完全不知道是什麼導致了這一點。

鏈接到該網站here

here是引擎收錄的鏈接顯示我的一切。

謝謝,我真的很感激任何幫助。

+0

我無法打開您提供的鏈接 – bksi 2013-02-26 03:47:13

+0

抱歉,混淆了它。現在修好。 – user2109696 2013-02-26 03:48:58

回答

0

這是因爲您的.content div使用的是position: absolute;,所以它從頁面流中取出並重疊側邊欄,因爲它沒有設置寬度(塊元素跨越視口的整個寬度,除非您給它一個固定寬度)。 。只需爲您的.content div添加一個負值z-index值,它應該可以正常工作。

更多關於z-index

+0

謝謝!我知道了。我也意識到我沒有更新服務器上的css文件。 – user2109696 2013-02-26 03:57:49

1

的。內容的div重疊整個身體區域,因 「的位置是:絕對的;」

在您的CSS中添加z-index: 9999;#menu它應該是可點擊的。

其他方法是使用「position:relative; float:left;」同時.content和#menu,但你必須小心他們的寬度。它們的寬度總和(包括填充和邊距以及邊框)應該小於或等於容器寬度。在你的情況下,它應該是身體標記(實際上是沒有看到身體標記在你的HTML)。