Z-index luôn đi kèm với thuộc tính position. Trong ví dụ minh họa ở trên, tôi nắm tới nói về các trang sách, nó không hoàn toàn đúng cần hẳn, vì ở sách, trang nào sở hữu có lẽ số lớn thì nằm dưới, nhưng với z-index elementor, thẻ HTML nào sở hữu có thể đích trị số lớn thì nằm lên trên – tức là gần mắt hơn. Trị số của z-index phải là số nguyên, dương hoặc âm. Nếu chúng ta không quy cách giá trị chi tiết của z-index thì nó mặc định là 0, và trong hosting trang HTML khi đó, theo vật dụng đã tự từ trên xuống dưới của các dòng lập trình những dài , các thẻ ở dưới sẽ xếp phía trên Xây dựng đã web trọn gói. Ví dụ:

<div style="height: 280px; margin: 20px; position: relative;">
<div style="background-color: blue; height: 200px; left: 0px; position: absolute; top: 0px; width: 200px;"></div>
<div style="background-color: black; height: 200px; left: 40px; position: absolute; top: 40px; width: 200px;"></div>
<div style="background-color: red; height: 200px; left: 80px; position: absolute; top: 80px; width: 200px;"></div>
</div>

Bước 1:

<div class="colors">
    <div class="red">
        <span>Red</span>
    </div>
    <div class="green">
        <span>Green</span>
    </div>
    <div class="blue">
        <span>Blue</span>
    </div>
</div>

Bước 2:

.colors 
    margin - left: 40 px;
    margin - top: 40 px;
  mất 
.red, .green, .blue 
    width: 100 px;
    height: 100 px;
    color: white;
    line - height: 100 px;
    text - align: center;
  rất 
.red 
    background: red;
  đừng 
.green 
    margin - top: -40 px;
    margin - left: 60 px;
    background: green;
 chính 
.blue 
    margin - top: -40 px;
    margin - left: 120 px;
    background: blue;
  dài 

Và đây là kết quả đạt được dịch vụ seo sau khi Phần mềm cấu trúc trên:

Z index wordpress - Sử dụng thuộc tích css z index hiệu quả