Pseudo-element CSS ::backdrop

Definisi dan penggunaan

CSS ::backdrop Pseudo-element digunakan untuk menyesuaikan gaya kotak tampilan di belakang elemen dialog atau pop-up.

Contoh

Contoh 1

Atur gaya kotak tampilan di belakang dialog：

dialog::backdrop {
  background-color: lightgreen;
}

Coba sendiri

Contoh 2

Gunakan setting gradient untuk menyesuaikan gaya kotak tampilan di belakang dialog：

dialog::backdrop {
  background-color: #1fc8db; /* Untuk browser yang tidak mendukung gradient */
  background-image: linear-gradient(140deg, #EADEDB 0%, #BC70A4 50%, #BFD641 75%);
  opacity:0.75;
}

Coba sendiri

Sintaks CSS

::backdrop {
  deklarasi css;
}

Detil teknis

Versi： Modul Susun Latar Belakang CSS Level 4

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung pseudo-element ini penuhnya.

Chrome Edge Firefox Safari Opera
37 79 47 15.4 24

Halaman Terkait

Tutorial:Elemen Pseudo CSS