How to use the css z index property
This article mainly explains "how to use css z index attribute", interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Let Xiaobian take you to learn "how to use css z index attribute"!
The z-index property sets the stacking order of elements. Elements with a higher stacking order always precede elements with a lower stacking order. This property sets the position of an anchor element along the z-axis, which is defined as the axis extending vertically to the display area. A positive number means closer to the user, and a negative number means farther away.
How to use cssz-index attribute?
Grammar:
z-index:auto|number;
Parameters:
Auto: Default. Stack order is equal to parent element.
number: Numeric value that sets the stacking order of elements; can be positive or negative.
Note: All major browsers support the z-index attribute. The attribute value "inherit" is not supported in any version of Internet Explorer, including IE 8. Elements can have negative z-index attribute values. Z-index only works on positional elements (e.g. position:absolute,position:relative,orposition:fixed)!
cssz-index property example
img{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
h3,p{
background-color:white;
border:1pxsolidred;
}
Thisisaheading
Since the z-index of the image is-1, it appears after the text.
At this point, I believe that everyone has a deeper understanding of "how to use the css z index attribute", so you may wish to actually operate it! Here is the website, more related content can enter the relevant channels for inquiry, pay attention to us, continue to learn!
