Rumah > Artikel > hujung hadapan web > Menggunakan sifat CSS z-index

Menggunakan sifat CSS z-index

WBOYke hadapan: 2023-08-26 08:57:31750semak 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