CSS ::backdrop-tekoelementti

Määritelmä ja käyttö

CSS ::backdrop Tekoelementtiä käytetään asettamaan dialogi- tai ponnahdusikkunaelementin taustan näkymälaatikon tyyliä.

Esimerkki

Esimerkki 1

Aseta dialogin taustan näkymälaatikon tyyliä:

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

Kokeile itse!

Esimerkki 2

Aseta dialogin taustan näkymälaatikon tyyliä gradientteja käyttämällä:

dialog::backdrop {
  background-color: #1fc8db; /* Selaimille, jotka eivät tue gradientteja */
  background-image: linear-gradient(140deg, #EADEDB 0%, #BC70A4 50%, #BFD641 75%);
  opacity:0.75;
}

Kokeile itse!

CSS-grammatiikka

::backdrop {
  css-declarationit;
}

Tekninen yksityiskohta

Versio: CSS Positioned Layout Module Level 4

Selaimen tuki

Taulukossa olevat numerot määrittelevät ensimmäisen selaimen version, joka täysin tukee tätä tekoelementtiä.

Chrome Edge Firefox Safari Opera
37 79 47 15.4 24

Aiheeseen liittyvät sivut

Oppitunnit:CSS tekoelementit