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/