ホームページ  >  記事  >  ウェブフロントエンド  >  CSSを使用する際の注意点まとめ 表示:なし_体験交流

CSSを使用する際の注意点まとめ 表示:なし_体験交流

WBOY
WBOYオリジナル
2016-05-16 12:04:382112ブラウズ

1. display:none を直接使用してスタイル ファイルまたはページ ファイル コード内の要素を非表示にした場合、ページを読み込んだ後、要素を表示するために js を通じてスタイルを設定せずに、js コードは要素を正しく取得できません。 offSetTop、offSetLeft などの一部の属性は値 0 を返します。これらの値は、j​​s で 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 は要素を非表示にして、ページ上で要素が占めるスペースを放棄します。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。