CSS問題無法點擊

Question

檢查：http://42.201.162.12/abd.html

我不能夠通過viewsource點擊右側圖片按鈕，搜索等

校驗碼，讓我知道:(

Answer 1

您使用z-index放置頂部面板上方的其他項目。

您可以通過給#head更高z-index和去除background-color

#head { 
    top: 5px; 
    right: 0px; 
    width: 100%; 
    position: fixed; 
    border: 1px solid #336; 
    border-bottom: 0px; 
    background-color: #404040; //REMOVE THIS 
    margin: 0; 
    z-index: 2000;   //ADD THIS 
} 

Answer 2

你＃ Toppanel的z-index是999.這將它放在搜索按鈕上，這就是它不可點擊的原因。 作爲證明，將您的＃頭元素的z-索引設置爲1000，並且您的搜索按鈕變爲可點擊。

這是蘇不依賴於你想要的東西，所以正確的做法是讓#toppanel和#head元素成爲相同的一部分。如果使用float：right，如果你想讓這些按鈕向右浮動。

簡單地將一個div放在另一個div作爲您當前的實現並不是一個真正的健康方法。

另外，如果你想更好地學習CSS，這裏是一個很好的學習工具，我該用自己和可以保證它： http://w3schools.com/

此外，通過驗證工具驗證你的代碼是一個好習慣有： http://validator.w3.org/