‫Hey, there.
‫Welcome back, Siobhan, the site now in this lecture, let us discuss about sin in next hour.
‫We also refer this topic as Xanax.
‫It's important because this will help you to visualize thing in include Z-axis.
‫So as you know, there are three axes the x one y axis.
‫And then when we are visualizing thing in the 3D world, there is a Xanax is.
‫How we are going to realize this topic and why it is important.
‫The first thing is I took a section and then added four lives inside that that is first, second, third
‫and fourth as their last name.
‫And also gave our weight and height to live as common and then background color to each of the glass.
‫Simple, no other changes.
‫So if I get back here, I have my four lives.
‫Now, if you visualize we are currently working on the y axis because this is a complete block, we
‫have item one two three four.
‫So on y axis, we have this sequence.
‫But suppose I have maybe display as a nine block, see if this one get back.
‫Now they are arranged in into x axis, so they are one two three four.
‫That's great.
‫So we are working well on Y as well as x axis.
‫But what do I have something overlapping, so suppose I have this position as absolute and I give top
‫as zero pixels and left as zero pixels to all of them, all their lives.
‫So that means all my device will be on this same position.
‫If I get back here, hit all of my div are represented, but they are on the back side, one after the
‫other, after the other.
‫If I want to visualize this, suppose I have this.
‫Do it's orange here?
‫Then I have the second.
‫This is also arranged here.
‫Then I returned them.
‫This is also arranged here.
‫Now, if they are of the same size, we are not able to visualize or we are not able to see the last
‫one, the one which is behind the scene and how I'm going to control this.
‫Whatever, I want the first one to be on the top.
‫If I get my head.
‫You can see this is my day one, which is off, I guess, winter cooler than we have, second of which
‫is all red and third live pictures of green and then for do, which is often blue.
‫And if you take here, I'm able to visualize what I'm able to see only the fourth one, which is delayed.
‫This started or last started.
‫That means.
‫First, I will have the first one and then overlapping second one and then overlap.
‫We have a third one.
‫And on the dog, we will have 4.1.
‫So that's how the sequence grows from top to bottom.
‫And similarly, we have been following this.
‫So that means we only have the last one as visual point.
‫In such cases, if by any chance, I want this to be on the top or this one could be on the top.
‫How I can control this, that's where this Zelin next topic comes to better.
‫So by default, the Z index value is auto.
‫That means all of them are auto right now, all the dips are auto.
‫In terms of in next part, maybe I want some was there zero?
‫Maybe I want any item to be on the top.
‫I can give us any next value greater than that.
‫So suppose if all these Knicks as zero head, if I see their index, maybe one now this red one will
‫be on the top.
‫If I get back here, you can see the red one is on the top.
‫OK, great.
‫My led to this one and it says zero Knicks.
‫As to now, this one will be on the top.
‫Why?
‫Because the Z Index is greater than the other available overlapping levels may get back in.
‫You can see this one.
‫Let's say their index as maybe three here.
‫If I get back, you can see now I'm able to visualize default one.
‫So knocked out.
‫This Z index can help us to manage the overlapping and help us decide which one we want at the top.
‫Now these three mics are important when we are working with menus, when we are scrolling things.
‫If you see a scrolling head on camera and this is stable here and the zero next is great because so
‫all the other items will be on the back of it.
‫Here you can see this is stable here or if it was a different other websites online, there will be
‫some icon, there will be menus, there will be buttons.
‫They're not always on the top and they never go behind because of these sitting next.
‫And we can take this as zero as negative as it is as positive.
‫So that means maybe I want this one so I can say zero index.
‫And let's say I want this to be on the top.
‫Always something like give a big index value for, let's say, 100.
‫And if I save this one, get back here.
‫Now this is going to be top.
‫Maybe if I try, maybe here six five, then this will always be on the back because this has a value
‫all hungry for like, we are arranging them in us back and we provide them value.
‫So they're on this stack.
‫All I took on a rule.
‫I gave them the value of one.
‫Then this is the value two, which is more important than value, then more important value.
‫And more importantly, and if I give a value of maybe one zero five, this will be more important than
‫if I give value of one zero six.
‫This will be more important.
‫You can see so that's what this is going to help.
‫So that means if we have multiple lives on same level and we provide them zero in next, we can override
‫which one do we want, which one we want to see on the top.
‫I hope you got the idea.
‫So they in control the Z-axis.
‫Now what if we have another section, maybe a new section, and this section has a new do?
‫Let me qualify as first.
‫That the first and the background color.
‫Background color blue.
‫OK, now we haven't provided any of that index.
‫What will happen, this is fiction.
‫This is fiction.
‫Should this come on the top, this fourth one or this fifth one?
‫Get back here.
‫Well, you can see the fourth one.
‫Why?
‫Because at this point of time, the value of this set in next is auto.
‫But if I provide news at index value here, let's say one zero seven, save this one.
‫Now you can visualize the fifth one.
‫So that's how things are going to work with Z index value.
‫By default, they are auto.
‫I hope you are the best idea.
‫Now, remember one thing, if by any chance we haven't provided any type of data in Nicaragua to any
‫item, then the last item which is appearing here, last item in our top-to-bottom will control the
‫overlapping.
‫So this is going to be on the visual side.
‫If I get back here, you can see you can check out this fifth one, which is the blue one.
‫So that's how this is going to work.
‫A good example is from Minogue's.
‫If I scroll down here.
‫So here we are controlling.
‫These are the index value of this yellow box and the other ones are already arranged.
‫So this yellow box is auto.
‫So that's why it's behind.
‫Then we added some new item, all of them on auto, but they are in sequence of the new item will be
‫on the door.
‫Then we have on that item there next to only talk.
‫We have sitting next for on the dock.
‫We have their next six.
‫But if I change, the item does index value for yellow box, let's say one.
‫Then you can see as soon as you provide.
‫And is there any next value all the auto will be on behind?
‫So that the next one will be greater than the auto one?
‫OK, great.
‫If I say, is there the next three, it will overlap.
‫The second one, if I say five or lap default one segment or lap this one.
‫So that's how we can control.
‫Is there an index value?
‫And this is important when we have multiple dips on this same position.
‫At this point of time, I am providing zero pixel to all of them.
‫But let's see different values let the top as zero zero.
‫And let me be going to then maybe 50 can't be.
‫40 50.
‫50 50.
‫Save this one.
‫Get back here.
‫Now you can see they are puzzled up and they are somehow managed because then this is all square than
‫this one, this one.
‫So all of them are puzzled somewhere here and there, let's say 100 to 200.
‫So see.
‫That's all they are outraged.
‫Now what I can do is I can select which one I want to watch at the top.
‫If I want this pink one, I can go ahead.
‫Oh, this pink one and let two zero in next as one.
‫This will be on top because the other one on auto say, I want this first one, this bob boilen on the
‫top so I can see that the Z Index.
‫Now if I see one, this will not work because from top to bottom, this is going to get ratings.
‫So if I say one, nothing is going to work because the pink one is going to get debated.
‫But if I see two, this is going to get pretty fancy.
‫That's how it is going to work.
‫So I hope you got the idea how this set in Nixon is going to work.
‫We will discuss about this more when we start utilizing this concept and project, so you will have
‫a much clearer idea.
‫I hope this lecture was helpful.
‫Make sure to read about it through Minogue's.
‫And this is going to work really well for you.
‫Thank you for calling.
‫And I see you guys in the next one.