内容无法点击的CSS问题 [英] CSS Problem behind content not clickable

问题描述

请检查： http://42.201.162.12/abd.html

我无法点击右侧图像按钮搜索等。

通过viewsource检查代码，并让我知道：（

解决方案

您使用 z-index 将顶部面板放在另一个项目的上方。

您可以通过给 #head 更高的 z-index code>并移除背景颜色

  #head {
 top：5px; 
 right：0px; 
 width：100％; 
 position：fixed; 
 border：1px solid＃336; 
 border -bottom：0px; 
 background-color：＃404040; //删除此
 margin：0; 
 z-index：2000; //添加此
} 
  




Check this: http://42.201.162.12/abd.html

I am not able to click Right Hand side image button search etc

check codes by viewsource and let me know :(

解决方案

You placed the top panel above the other item using the z-index.

You can fix it by giving the #head a higher z-index and removing the 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
}

这篇关于内容无法点击的CSS问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！