Z-index

Overview

A CSS property, which refers to the stack order of an element on a website. A greater z-index means that the element in question will appear in front of another element with a lower z-index. This creates a simple system of prioritization. It is important to remember that the z-index will only work with positioned elements.


Z-index Example

The z-index is a number that can be either positive or negative. It would be used like this:

img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}


Z-index Tutorial


Z-index Resources

w3schools.com
sitepoint
Impressive Webs

Ready to discuss your project?
Request a Quote
Blue Fountain Media is recognized as a
Top Digital Agency by
Ranked #1 Interactive
Agency by top interactive agencies example
Ranked Top 10 Digital
Agency by awwwards logo
Ranked Top 10 Agency
Worldwide by IMA logo
Featured Blog Article
Download our Free Whitepapers
Our Locations
New York Headquarters
New York Headquarters
102 Madison Avenue - Second Floor
New York, NY 10016
Chicago Office
Chicago Office
222 Merchandise Mart Plaza, Suite 1212
Chicago, IL 60654
Seattle Office
Seattle Office
14980 NE 31st Way, Suite 120
Redmond, WA 98052