#one {

z-index: 1;

}

#two {

z-index: 2;

}

image

As you can see, because of the higher value, the second div showed up on top of the pile.

There are no restrictions on what number you use for your rule – it’s completely up to you. However, there is actually a max number that browsers will support, which is, very specifically 2147483647. So, you know, try to avoid numbers that high …

Fixed

This one is a lot of fun and once again incredibly useful. Fixed positioning sets the element relative to the viewport.