Hello and welcome to this video.
Z index z index is used to specify the ways element has that top when B overlap.
So where you have overlap in elements you are not sure what way they should be that top we can use the
z index to specify this pack order.
So with a z index and philémon can have either a positive or negative stuck or an A on elemen with a
great US stuck order is always placed in front of an element with a low unstack mod whereby to position
elements overlap and there is no z index specified element put xishun lost in the kitchen.
Code will be shown on top.
Z index can be used with position absolute position relative or position fixed.
Suppose is said Index property can also be used will be positioned properties the index properties specifies
this stack order of one element so an element within great US thakin order is always in front of an
element with a low are stuck in order.
Let me show you an example.
This my sample will pay.
The moment the pay is laid out the way it is been written on the code on the left.
So I have not applied any position in the elements I just position the way they have appeared in the
code.
What I'm going to do I am going to ply an absolute position because that index will also work in either
fixed up salute or relative position.
Some will apply an absolute position to the image so you watch that image.
So given the position absolute From the left.
Zero pixels from the top zero pixels where it will position there with zero pixels.
So let me save that refresh.
He can see his move took to the top.
It's gone right to the top because I've not given any room the position until a top is zero so I've
not told it to leave any gaps and to zero on the left.
Also there's no position so hands in zero are pics of the fire specifies on value.
There may be some margins in between but because I haven't.
That's why he's occupied the top left.
If he noticed because I have set it to position absolute It has gone on top of the text of the paragraph
text for me form to set the index so make it at the moment we can't see the rest of the text because
the image due to absolute positioning is gone.
On top of the paragraph text so we can use the z index to make it in make the image appear behind the
paragraph text so to do that I'm going to give the image in negative z index.
So I just saved that.
You see that it has changed because I'm giving the imake in negatived Z.
In fact he that's gone behind the text.
Now we can see the rest of the text.
So z index is quite useful in changing the way a Le Mans up positioned when they overlap so he can be
effective only with all the lapping elements.
So the image previously covered this text due to absolute positioning we couldn't see the rest of the
text so I had to use the negative z index to give the paragraph higher power rating so makes forces
the image to go behind the paragraph as we can see the rest of the text so we z index ukin or always
have a positive or negative value within two elements on the page.
I'll have a lap in.
There is no z index set the elemen that appears last on the list here.
Middle document.
The element that appears on the code update multiple command called will have a higher stack order and
appear first on the page in terms of Display order.
In this video I explain what is z index is z index is used to determine the position.
Overlap in limits.
So when elements overlap there is no Z in there except the elemen that appears last on the hastier mole
could all have a higher.
Order will be displayed first.
However you can use a z index to reach position that display order.
In the example we use I use an image and give it a negative said invect.
So us to position it behind the text so that we can see the rest of the ticks.
I hope the you as being useful.
Remember that you can only use Z in lakes.
We've had three types of positions.
Absolute relative or fixed and you can set an element to have a negative or positive set index.
Thank you so much for watching.
I hope the video has made sense.
Bye for now.