CSS Layer Tutorial


Now we will see which element will show up using the layer, which we can control through the CSS layer. In CSS, every element is given priority. If there are two overlapping CSS positioned elements, the one with the highest priority will show the top first.

To set the priority, we set the z-index value. The higher the z-index value, the higher the priority.

h4 {position: relative; top: 30px; left: 50px; z-index: 2; background-color: # 336699;

p {position: relative; z-index: 1; background-color: #FFCCCC;} Layer Tutorial
Now we will see which element will show up using the layer, which we can control through the CSS layer. In CSS, every element is given priority. If there are two overlapping CSS positioned elements, the one with the highest priority will show the top first.
To set the priority, we set the z-index value. The higher the z-index value, the higher the priority.
h4 {position: relative; top: 30px; left: 50px; z-index: 2; background-color: # 336699;
p {position: relative; z-index: 1; background-color: #FFCCCC;}

Jonny Richards

Templateify is a site where you find unique and professional blogger templates, Improve your blog now for free.

Previous Post Next Post