Tutorials - CSS - Layers

Now that you have seen how you can move elements around the page using their position with top and left, you might have accidentally overlapped some elements. This isn't always a bad thing, and overlapping elements can often be an important part of your design (for popover displays or similar). Using the z-index property, you can set which of the elements will appear on top of the other. Elements with higher numbers for their z-index will appear over those with lower numbers.

p.ontop{ z-index: 3; }

Page Responses

Currently there have been no responses to this page...

Post Response

If you have anything to contribute to this tutorial, found a bug, or know a better way of achieving the same goal, please leave your response below.