::backdrop

Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

Chaque élément de couche la plus haute d'une pile possède un pseudo-élément ::backdrop . Ce pseudo-élément est une boîte qui est affichée directement en dessous l'élément (et au-dessus des autres éléments qui serait en dessous de l'élément ciblé) dans cette couche.

Note : L'élément ::backdrop peut être utilisé comme un arrière-plan/masque pour l'élément afin de cacher le document en-dessous lorsque l'élément est sur la couche la plus haute c'est-à-dire pour l'élément affiché en plein écran selon la spécification.

Ce pseudo-élément n'hérite d'aucun autre élément et aucun autre élément n'hérite de ce pseudo-élément. Aucune restriction ne s'applique pour les propriétés qui peuvent être appliquées à ce pseudo-élément.

Exemples

En l'état, se référer à l'article An Ultimate Guide To CSS Pseudo-Classes And Pseudo-Elements semble la meilleure solution pour des exemples à ce sujet.

Spécifications

Spécification État Commentaires
Fullscreen API
La définition de '::backdrop' dans cette spécification.
Standard évolutif Définition initiale.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support simple 32.0 webkit
37.0
47 (47) [1] 11 ms Pas de support Pas de support
Sur les éléments <dialog> 32.0 webkit
37.0
Pas de support Pas de support Pas de support Pas de support
En plein écran Pas de support 47 (47) [1] 11 ms Pas de support Pas de support
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple Pas de support 47.0 (47) [1] Pas de support Pas de support Pas de support
Sur les éléments <dialog> Pas de support Pas de support Pas de support Pas de support Pas de support
En plein écran Pas de support 47.0 (47) [1] Pas de support Pas de support Pas de support

[1] Cf. bug 1064843

Voir aussi

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : SphinxKnight
 Dernière mise à jour par : SphinxKnight,