Comment masquer des éléments en HTML

Comment masquer des éléments en HTML : 1. Masquer via "display:none;"; 2. Masquer via "overflow:hidden;" 3. Définir les valeurs d'attribut du modèle de boîte telles que comme la largeur et la hauteur de l'élément à 0; 4. Utilisez le positionnement pour masquer; 5. Définissez la transparence de l'élément sur 0;

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.

Comment masquer les éléments HTML

1.display:none;

Caractéristiques : éléments vraiment cachés.

(1) Définir l'attribut d'affichage de l'élément sur aucun peut garantir que l'élément est invisible

(2) En utilisant cet attribut, l'élément caché n'occupe aucun espace ; >

(3) Utilisez display:none pour masquer des éléments, et vous ne pouvez pas interagir directement avec l'utilisateur

(De plus, le contenu de l'élément ne peut pas être lu à l'aide d'un logiciel de lecture d'écran. Cette méthode de masquage c'est comme si l'élément n'existait pas du tout. )

(4) Tous les éléments descendants de cet élément caché seront également masqués ;

(5) Cependant, cet élément caché est accessible. via les opérations DOM dans JS, ou manipulez-le via le DOM.

2.overflow: Hidden;

Principe : Définir la position de l'élément à l'extérieur de l'élément parent.

3. Définissez la valeur d'attribut du modèle de boîte, telle que la largeur et la hauteur de l'élément, sur 0.

4. Utilisez le positionnement pour masquer des éléments.

Avantages : Tant que la gauche et le haut de l'élément sont réglés sur une pluralité suffisamment grande (cet élément peut interagir avec l'utilisateur

Inconvénients : Vous pouvez toujours utiliser un logiciel de lecture d'écran) ; pour lire le contenu de l'élément.

5.opacity : Définissez la transparence de l'élément sur 0.

Caractéristiques : définissez la transparence de l'élément sur 0, ce qui masque uniquement l'élément à la vue. La position de l'élément lui-même existe toujours et vous pouvez également interagir avec l'utilisateur.

6.visibilité : Définissez si l'élément est visible.

Par défaut : visible (visible) ;

Caché (invisible) : caché.

Fonctionnalités : Masquer les éléments mais conserver leur position.

Pour des connaissances HTML/CSS plus détaillées, veuillez visiter la colonne

Tutoriel vidéo 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!