Pseudo-element CSS ::backdrop

Định nghĩa và cách sử dụng

CSS ::backdrop Pseudo-element được sử dụng để thiết lập樣式 của khung nhìn sau các phần tử cửa sổ thoại hoặc hộp thoại.

Mô hình

Ví dụ 1

Thiết lập樣式 của khung nhìn sau cửa sổ thoại:

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

Thử ngay

Ví dụ 2

Sử dụng gradient để thiết lập樣式 của khung nhìn sau cửa sổ thoại:

dialog::backdrop {
  background-color: #1fc8db; /* Cho các trình duyệt không hỗ trợ gradient */
  background-image: linear-gradient(140deg, #EADEDB 0%, #BC70A4 50%, #BFD641 75%);
  opacity:0.75;
}

Thử ngay

Ngữ pháp CSS

::backdrop {
  các định nghĩa css;
}

Chi tiết kỹ thuật

Hỗ trợ trình duyệt

Bảng số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ pseudo-element.

Trang liên quan

Giáo trình:Tạo元素 伪元素 CSS