CODEWITHSUNDEEP
cssz-index
Airman
Airman

Reputation: 327

Z-index issue with CSS

I need the page1, page2, and page3 links to be hidden behind the #site div. Right now they aren't. It has to be some z-index issue, no z-indexes I use work though.

So the #nav ul ul li should appear behind the #site div. Then when you hover over the "parent page" it will reveal those pages.

Here's a demo of the site: http://tempsmz.hostzi.com/

Upvotes: 0

Views: 98

Answers (2)

Pevara
Pevara

Reputation: 14310

To make the z-index work you should always add position: relative (or absolute or fixed). Also he div that you are covering the links with has actualy got a a transparent background. Try setting it to white and they should disappear like you want.

Upvotes: 0

Ricardo Souza
Ricardo Souza

Reputation: 16456

The z-index property only works with positioned elements (fixed, absolute and relative). Try adding a position: relative; to the elements and apply the desired z-index, like 1 for the nav and 2 for the site containers.

Upvotes: 1

Related Questions