ホームページ > 記事 > ウェブフロントエンド > CSSを使用する際の注意点まとめ 表示:なし_体験交流
1. display:none を直接使用してスタイル ファイルまたはページ ファイル コード内の要素を非表示にした場合、ページを読み込んだ後、要素を表示するために js を通じてスタイルを設定せずに、js コードは要素を正しく取得できません。 offSetTop、offSetLeft などの一部の属性は値 0 を返します。これらの値は、js で style.display を設定して要素を表示した後でのみ正しく取得できます。
2. display:none を使用して非表示にした要素は、Baidu などの検索サイトでは取得されず、Web サイトの SEO に影響します。場合によっては、left:-100000px を使用して同じ効果を達成できます。 。
3. スタイル ファイルまたは を通じて要素の display:none スタイルを設定する場合、js で style.display="" を設定しても要素は表示されません。代わりにブロックまたはインラインの同等の値を使用できます。 style="display:none" を介して要素を直接設定すると、この問題は発生しません。
4. 場合によっては、style.display の代わりに style.visibility を使用できますが、その style に注意する必要があります。可視性 要素を非表示にする場合、ページ上で要素が占めるスペースは保持されますが、style.display は要素を非表示にして、ページ上で要素が占めるスペースを放棄します。