Я озадачен! Зеленое меню расположено за белым заголовком с полем поиска. Это необходимо для правильного отображения страницы, но теперь ссылки зеленого меню становятся неактивными.
Белый заголовок - position: fixed;. Зеленое меню не является фиксированным, но имеет z-index -1, потому что, по-видимому, это единственный способ сложить его за белым заголовком.
Как сделать ссылки кликабельными?
Редактировать :
Я пробовал z-index: 99;, а также z-index: -99; для обоих элементов. Буквально единственный способ сложить зеленое меню за белым заголовком - это использовать отрицательное число z-индекса для зеленого меню.
Редактировать 2:
Я также пытался использовать opacity: .99; для белого заголовка, но без результатов.
.header {
margin: 32px 0 0 0;
padding: 0;
width: 100%;
height: 75px;
background-color: rgba(255,255,255,0.75);
border-top: 2px solid rgba(55,175,75,1.00);
border-bottom: 5px solid rgba(55,175,75,1.00);
box-shadow: 0 5px 10px rgba(0,0,0,0.4);
position: fixed;
z-index: 1;
}
#menu {
position: fixed;
margin-top: 107px;
min-height: 40px;
width: 100%;
background-color: rgba(55,175,75,1.00);
border: 1px solid rgba(55,175,75,1.00);
border-radius: 0;
z-index: -1;
}