CODEWITHSUNDEEP
htmlcss
Andre
Andre

Reputation: 893

Image under static navigation bar not working

Check: www.trillie.nl

You see when you scroll that the image goes over the nav bar instead of under it, like the rest of the content.

Upvotes: 2

Views: 758

Answers (2)

Manoj Kumar
Manoj Kumar

Reputation: 21

What you need to do is use higher z-index to the #navbar than image so it will always above image like for navigation bar z-index:5 and for image z-index:4.

Upvotes: 2

NullPoiиteя
NullPoiиteя

Reputation: 57332

use the z-index:9999; your problem is solved 

#navigation {
    background-color: rgba(1, 1, 1, 0.8);
    box-shadow: 0 0 8px 0 #000000;
    color: rgba(1, 1, 1, 0.8);
    height: 35px;
    padding-top: 15px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;   // here is 
}

enter image description here

Upvotes: 3

Related Questions