CSS pour obtenir un effet d'élément caché

affichage : aucun

1 Structure DOM : le navigateur ne restituera pas les éléments display:aucun et n'occupe pas l'espace de la page

.

2. Surveillance des événements : impossible de surveiller les événements sur les éléments

3. Héritage : ne sera pas hérité par les éléments enfants (affichage de l'ensemble des éléments enfants : le bloc ne sera pas affiché)

4. . Modifications : La modification des valeurs d'attribut entraînera un réarrangement et un redessin de la page

5. Transition : Impossible de définir l'effet de transition transition : l'affichage n'est pas valide

(Tutoriel vidéo recommandé : vidéo css. tutoriel)

visibilité : cachée

1 Il ne sera pas rendu, mais il occupera l'espace de la page

2. la surveillance ne peut pas être définie sur l'élément

3. Elle peut être héritée et les sous-éléments définis sur non-visibility:hidden peuvent être affichés

4. La modification des attributs entraînera uniquement un réarrangement de la page

. 🎜>

5. Transition : la visibilité sera affichée immédiatement cachée a un effet de transition

opacité : 0

1. l'espace de la page

2. L'écoute des événements peut être définie

3 Il peut être hérité et le sous-élément peut être affiché en définissant l'opacité

4. ne pas être redessiné ou réorganisé

5. Transition : l'opacité peut réaliser l'effet de transition d'affichage et de masquage

🎜>

6. L'opacité déclenchera l'accélération matérielle

Tutoriel recommandé : Démarrage rapide CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!