CODEWITHSUNDEEP
htmlcssdrop-down-menuz-index
nadeem ahmad
nadeem ahmad

Reputation: 181

How to make links clickable with negative z-index?

I am using drop-down menu in my header for notification, but when drop down opens all the div's behind that are visible then I gave z-index to all the divs but the links on those div's are not clickable now!

drop-down div CSS:

.drop-down{
   overflow:scroll;
   overflow-x:hidden;
}

and the div's behind it are

#main-div{
   z-index:-1;
   position:absolute;
}

Upvotes: 9

Views: 2523

Answers (1)

GreyRoofPigeon
GreyRoofPigeon

Reputation: 18123

I guess that the negative z-index places the links underneath the body.

Use a positive z-index, for example 10 on the element that should be at the back and 20 on the element that should be in front.

Upvotes: 5

Related Questions