CSSハックについて
- 2018/11/21
- CSS
皆さんはブラウザソフトは何をお使いでしょうか？
多くの方は、Google chrome、IE、FireFox等をお使いかと思います。
使用する分には気に入ったものを使えばいいのですが、
ウェブサイトを作るとなると、その種類の多さが弊害になるケースが結構あります。
それが、ブラウザ間のスタイルの差異です。
Vender prefixで対応可能なものはそれで対応できますが、
稀にそれでは補えないケースがあります。
そういう時に使うのが、CSSハックと呼ばれる特定のブラウザのみに適用させるテクニックです
例えば、よくあるケースですが、他のブラウザでは普通に表示されるのにIEだけ表示されないというケースの場合、
以下をCSSに追加します。
_:lang(x)::-ms-backdrop, セレクタ― {
適用するスタイル
}
使用してるエディタによっては頭の_が正しく扱われないかもしれませんが、
実際適用する分には問題ないです。
また、IEに限った話ですが、旧バージョンの9以前はそれぞれ記述が違います。
・IE8 selecter{ style:param\9; }
・IE9
:root selecter{ style:param\0/; }
非常にややこしいですね・・・
最後に、CSSハックのデメリットですが、
SEO的にはあまりよろしくないそうです。
なので、Vender prefix等で対応できない最終手段としてご活用いただければと思います。
この著者の最新の記事
ピックアップ記事
-
2023/6/30
MayaとBlenderの競合についてMayaとBlenderは、映画やアニメーション制作の分野で広く使用されている競合するソフトウェア… -
2023/6/29
SEOとAIチャットボット：自動応答と検索エンジンの相互作用の最適化SEO（検索エンジン最適化）とAIチャットボットの組み合わせは、オンラインビジネスにおいて重要な役… -
2023/6/29
.htaccessファイルを活用したキャッシュ制御とパフォーマンスの最適化. htaccessファイルは、ウェブサイトのパフォーマンスとユーザーエクスペリエンスを向上させる… -
2023/6/29
.htaccessファイルを使ったIP制限とアクセス制御の方法. htaccessファイルは、ウェブサーバーで重要な役割を果たすファイルの一つです。 このファイ… -
SEO（検索エンジン最適化）は、オンラインビジネスの成功において非常に重要な要素です。 しかし、多…
