-->

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;}

Facebook Comments

Follow by Email