Z-Index Example 1

From GRC 275 Assignment 6 Handout:

z-index:1
Default z-index is 0. Z-index -1 has lower priority. Meaning it will go behind any text or graphics in this same area).


From http://www.w3schools.com/css/css_positioning.asp

Overlapping Elements: When elements are positioned outside the normal flow, they can overlap other elements. The 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

Z-Index

Sketch by Kin Bentley

Because the image has a z-index of -1, it will be placed behind the text.