A css z-index of a site example

HTML & CSS
1

The page I am having issues with is here:
http://www.visibilityinherit.com/code/mega-drop-down-demo.php

there is no using z-index on the

#mega div

layer. Why is the

 #mega div

layer always above the

 <p style="padding:50px 80px;text-align:justify">

layer?

2

Hi :). That’s not your site, is it? That belongs to a fellow user EricWatson. Are you sure you linked the right page?

Are you just asking why the dropdown div comes out on top? WHen you give elements a positioned value (relative absolute or fixed) it automaticlaly will come over any element that’s static, by default.

3

I just asking why the dropdown div comes out on top? thank you

4

Yep, it’s for the reason Ryan suggested—because of position: absolute.

5

I told you :). Positioned elements are on top of the stacking, by default. The position:absolute comes with a default “pseudo” z-index.

6