Lynxsia IT Solution

CSS Z Index

When elements are positioned, they can overlap other elements.

The CSS z-index property specifies the stack order of an element (which element should be placed in front of, or behind, the others).

An element can have a positive or negative stack order.

					 
        
          .img{
            z-index: -1;
          }
          .text{
            z-index: 1;
          }

Test Code Online

z-index only works on positioned elements (position: absolute, position: relative, position: fixed, or position: sticky) and flex items (elements that are direct children of display: flex elements).

Higher the z-index value means higher in the stack order.

View CSS PDF Ebooks

Previous Next

How you feel about this blog:

Share this blog on:

Report Us

If you find any error in the turtorials, or want to share your suggestion/feedback, feel free to send us email at: info@lynxsia.com

Ads

CSS Z Index

CSS Z Index

Report Us

Solutions

Prices

Industries

Resources

Lynxsia IT Solutions