Résumé des précautions d'utilisation de l'affichage CSS : none_Experience Exchange

1. Si vous utilisez directement display:none pour masquer un élément dans le fichier de style ou le code du fichier de page, après avoir chargé la page, sans définir le style via js pour afficher l'élément, le code js ne pourra pas obtenir correctement l'élément . Certains attributs, tels que offSetTop, offSetLeft, etc., renverront une valeur de 0. Ces valeurs ne peuvent être obtenues correctement qu'après avoir défini style.display dans js pour afficher l'élément.

2. Les éléments masqués à l'aide de display:none ne seront pas récupérés par les sites de recherche tels que Baidu, ce qui affectera le référencement du site Web. Dans certains cas, left:-100000px peut être utilisé pour obtenir le même effet. .

3. Si vous définissez le style display:none d'un élément via un fichier de style ou , définir style.display="" avec js ne fera pas afficher l'élément. Vous pouvez utiliser des valeurs. comme le bloc ou le remplacement en ligne. Les paramètres directement sur l'élément via style="display:none" n'auront pas ce problème

4. Dans certains cas, style.visibility peut être utilisé à la place de style.display, mais il convient de noter ce style. visibilité Lors du masquage d'un élément, l'espace occupé par l'élément sur la page est conservé, tandis que style.display masque l'élément et cède l'espace qu'il occupe sur la page.