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
}
solved CSS Problem behind content not clickable [closed]