cari

Rumah >hujung hadapan web >tutorial css >Menggunakan sifat CSS z-index

Menggunakan sifat CSS z-index

WBOY
WBOYke hadapan
2023-08-26 08:57:31890semak imbas

使用 CSS z-index 属性

Sifat z-index digunakan bersama dengan sifat kedudukan untuk mencipta kesan lapisan. Anda boleh menentukan elemen yang sepatutnya berada di bahagian atas dan elemen yang sepatutnya berada di bahagian bawah.

Contoh

Anda boleh cuba jalankan kod berikut untuk melaksanakan atribut z-index - 

<html>
   <head>
   </head>
   <body>
      <div style = "background-color:blue; width:300px; height:100px; position:relative; top:10px; left:80px; z-index:2">
      </div>
      <div style = "background-color:gray; width:300px; height:100px; position:relative; top:-60px; left:35px; z-index:1;">
      </div>
      <div style = "background-color:yellow; width:300px; height:100px; position:relative; top:-220px; left:120px; z-index:3;">
      </div>
   </body>
</html>

Atas ialah kandungan terperinci Menggunakan sifat CSS z-index. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

css position
Kenyataan：
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：Membina kecerunan jejari bulatArtikel seterusnya：Membina kecerunan jejari bulat

Artikel berkaitan

Lihat lagi