CSS Positioning Tutorial #11 - Z - Index & Stacking Order

Yo ninjas, in this CSS positioning tutorial, I'll show you how to use the z-index property to control the stacking order of elements on a web page.

========== JavaScript for Beginners Playlist ==========

========== CSS for Beginners Playlist ==========

========== HTML for Beginners Playlist ==========

========== The Net Ninja ============

========== Social Links ==========

[ankittiwary]

every concept has its own complexity and depth but it just need a genius to understand it simplicity and you are genius for me you are exceptional . teaching is an art and this art is justified by you

[tempotitsen]

I am 40 years old, and 25 years ago when I started learning programming, I did it all by reading books. I took forever... I stopped programming 10 years ago, but I've always missed it. I wanted to go back to it, but I dreaded learning web programming again, because a lot has probably changed while I was out. But learning by YouTube is so much easier! And your video's have really helped me, because they are the best! Thanks.

[piratedvirus]

dude helped a lot facing a problem since in minutes !

[drcl]

I hope you are making money out of all this great work. Your explanation of all the CSS concepts is the most succinct and easy to follow that i have found. No need to rewatch anything. First time and I get it. Proper explanations for what is going on with each attribute and why its there. Why others make it so complicated I have no idea. Massive thanks for all your work.

[TheAlexanderEdwards]

The first minute of this video solved a problem I've been wrestling for hours. You are the man! Keep up the great work. :)

[wayne]

after stucking in the layout of html for some time, I saw this playlist, wow, bro, you are my saver, ty very very much

[Samconery]

Thank you so much for this. Its been so many years I had a confusion on this. Finally your explanation helped me

[Gruximillian]

Hi!
Your videos are great! Althoguh I know most of the things you are teaching here, I found that your simple and clear aproach is clearing some fog in my understanding of these techniques.
A small notice about that image of coordinate axes: since on a web page y-axis is actually pointed downwards, you could just point that out so people that who are new to this don't get confused.
Anyway, great tutorials, I watched and psd 2 wordpress too and it's awesome. Looking forward to videos on responsive design.

[SuperDali]

Didn't know that z-Index is only valid for comparison on the same "level". Thanks for that.

[alexandrugrecov]

you make all to be so easy to understand, thanks for that master ninja !

[HappyHorge]

This is some amazing stuff right here!

[tenzint]

i watched your other videos as well and i have come to a conclusion. and that are thank you!

[hobobmo]

This entire tutorial was very helpful and easy to understand. Thanks!

[cheriecheung]

i don't find it that confusing at all. but I believe it's because you did a great job in explaining to us what's really happening.... i'd have been so lost otherwise. thank you so

[senarahuddelbuddel]

I really like your Ninja Style. It's so cool :)

[niddaaa]

excellently explained. I'm in awe of your teaching skills!!!!

[afafweb]

i very like your simple explanations. that's very easy to be learned.

[ismaylmalik]

finally I understood z-index :) Good job

[srajantewari]

Seriously The Net Ninja you are great even more than codecademy
Really you are great

[alexschmidt]

For some reason when I replaced the nav tag above the other tags as you did, the nav list on the browser still stacked properly and didn't need the z-index property to do anything. Why is that?