CSS Layers
You can use CSS to add "layers" of elements, so that an element can sit in front or behind other elements.
In CSS, layers refer to applying the z-index
property to elements that overlap with each other.
The z-index
property, when used in conjunction with the position
property, enables you to specify which element should appear on top in the event of an overlap. An overlap can easily occur when using the position property, and this is often desirable when creating advanced layouts.
Example code:
Layers with Opacity
You can use the opacity
property to provide some transparency between the layers.
Here's an example.