CSS ::backdrop pseudo-element

Definition og brug

CSS ::backdrop Pseudo-elementer bruges til at sætte stilen på baggrundsvinduet bag dialog- eller popup-elementer.

Eksempel

Eksempel 1

Sæt stilen på dialogens baggrundsvindue:

dialog::backdrop {
  baggrundsfarve: lysgrøn;
}

Prøv det selv

Eksempel 2

Brug graden til at sætte stilen på dialogens baggrundsvindue:

dialog::backdrop {
  baggrundsfarve: #1fc8db; /* For browsere, der ikke understøtter grader */
  baggrundsbillede: lineær-grad(140deg, #EADEDB 0%, #BC70A4 50%, #BFD641 75%);
  gennemsigtighed: 0.75;
}

Prøv det selv

CSS-sprog

::backdrop {
  css-udtryk;
}

Tekniske detaljer

Version: CSS Positioned Layout Module Level 4

Browser-understøttelse

Tabelens tal angiver den første browser-version, der fuldt ud understøtter dette pseudo-element.

Chrome Edge Firefox Safari Opera
37 79 47 15.4 24

Relaterede sider

Tutorial:CSS pseudo-element