Z-index cả trong css lại có cách chậm thức hoạt chưa động là quá mỗi element lại trên trang đột nhiên web được cũ hiển thị đã ngang và dễ dọc theo có thể 2 trục lắm x và nhất y, hiển đang thị đồ lắm vật tự không thể chồng lấn có thể theo trục thôi z. Nói sẽ dễ dàng đã hơn thì z-index càng cao thì element đó đứng trước và hiện lên trên.Tại bài viết hôm nay STV sẽ giới thiệu đến bạn đọc những thông báo bổ ích về thuộc tính z index trong css. Giới thiệu đến bạn cấu trúc và cách dùng thuộc tính để Chương trình vào thực tại.

Z index cũng Word press

Z index mới in Word press

Trong vẫn có các nhất hướng dẫn nhất CSS này, mất chúng ta sẽ hãy xem vẫn thuộc tính mới Z-Index. Chúng cần ta đều biết được rằng thuộc đột nhiên tính này mất được dùng lại để kiểm đang soát phần cũ tử nào không sẽ chồng chậm lên các phần rất tử khác không khi chúng thường được định thường vị theo cách có lẽ chồng chéo. Chúng ta cũng đề cập đến cách trình chuẩn y diễn giải các giá trị chỉ mục z khi cả phần tử cha và phần tử con đều được cung cấp giá trị chỉ mục z.

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

<div style="height: đột nhiên 280px; margin: đang 20px; position: vẫn relative;">
<div dễ style="background-color: blue; thôi height: 200px; mất left: 0px; dễ position: absolute; có lẽ top: 0px; đột nhiên width: 200px;"></div>
thôi <div style="background-color:  lại black; height: vẫn 200px; left: cũ 40px; position: cả absolute; top: những 40px; width: chỉ 200px;"></div>
<div rất style="background-color: red; những height: 200px; cũng left: 80px; chưa position: absolute; top: 80px; width: 200px;"></div>
</div>

Bước chẳng 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 cũ 2:

.colors 
    margin đã - left: ngay 40 px;
    cần margin - top: mới 40 px;
 chậm thường 
.red, đích .green, .blue 
    chưa width: 100 ngay px;
    height: cũng 100 px;
    không color: white;
    không line - nhất height: 100 px;
    mới text - có lẽ align: center;
 chỉ thường 
.red 
    mất background: red;
 vẫn cần 
.green 
    cả margin - những top: -40 ngay px;
    margin - left: 60 px;
    background: green;
 thường 
.blue 
    margin - top: -40 px;
    margin - left: 120 px;
    background: blue;
 thường 

Và đích đây là không kết quả đã đạt được đích dịch vụ nhất seo sau rất khi Chương cũ trình cấu không trúc trên: