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.这会将它放在搜索按钮上，这就是它无法点击的原因。作为证明，将#head元素的z-index设置为1000，并且您的搜索按钮变为可点击。

这肯定不是你想要的，所以#toppanel和#head元素的正确方法是同样的一部分。如果你想让那些按钮浮动到右边，请使用float：right。

只需将一个div放在另一个div上，就像当前的实现一样，这并不是一种健康的方法。

另外，如果你想更好地学习CSS，这里有一个很好的学习工具，我自己用它并且可以保证它： http://w3schools.com/

此外，使用验证工具验证您的代码是一个好习惯： http://validator.w3.org/

CSS内容背后的问题无法点击

2 个答案: