CSS ::backdrop pseudo-element

정의와 사용법

CSS ::backdrop pseudo-element은 대화 상자나 팝업 요소 뒤의 뷰박스 스타일을 설정하는 데 사용됩니다。

예제

예제 1

대화 상자 뒤의 뷰박스 스타일을 설정합니다：

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

직접 시도해 보세요

예제 2

gradient 설정을 사용하여 대화 상자 뒤의 뷰박스 스타일을 설정합니다：

dialog::backdrop {
  background-color: #1fc8db; /* 그레이더를 지원하지 않는 브라우저용 */
  background-image: linear-gradient(140deg, #EADEDB 0%, #BC70A4 50%, #BFD641 75%);
  opacity:0.75;
}

직접 시도해 보세요

CSS 문법

::backdrop {
  css 선언;
}

기술 세부 사항

브라우저 지원

표格에 표시된 숫자는 이伪元素를 최초로 완전히 지원하는 브라우저 버전을 지정합니다。

관련 페이지

강의:CSS 가상 요소