• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

16.3. z-index Property

On a Web page, Web elements exist in only two dimensions: the X- (horizontal) and Y- (vertical) axes. On a regular Web page, elements are either above or below, or to the right or left of, another element. With the advent of the position property, a third dimension is added, so that things can appear either “in front of” or “behind” other elements. This third axis is known as the Z-axis, and elements can be controlled in this fashion by using the z-index property.

z-index can take one of three values: an integer value that corresponds to the “stacking” level of the specified element's box; auto, which makes the stack value the same as its parent's; and inherit, which in this case ought to work the same way as auto. z-index is always used in conjunction with the position property.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint