HOME > CSS > ブラウザ別CSS対策

ブラウザ別CSS対策

CSSハックを使用する際の注意事項

CSSハックは、ブラウザのバグや未対応のプロパティなどを逆に利用したものとなっています。
ブラウザは日々進化し、ブラウザのアップグレードによって今まで使用していたCSSハックが使えなくなる可能性もあります。

» CSSハックを使用する際の注意事項に関する詳細はこちら

ブラウザ毎のCSS対処方法(4)-CSSハック

将来、ハックが使えない可能性もありますが、正規CSSの下にCSSハックを記述しておくと、
メンテナンスが楽になります。

» ブラウザ毎のCSS対処方法(4)-CSSハックに関する詳細はこちら

ブラウザ毎のCSS対処方法(2)-パスフィルター

パスフィルターとは、指定したブラウザにのみCSSを適用する方法です。
ブラウザ毎に読み込ませることができるので、特定ブラウザ専用の外部スタイルシートを作成します。

» ブラウザ毎のCSS対処方法(2)-パスフィルターに関する詳細はこちら

ブラウザ毎のCSS対処方法(1)-古いブラウザ対策

古いブラウザへの対応でも記述したように、古いブラウザは、CSSが正常に表示されません。
(古いブラウザがCSS未対応なため。)

» ブラウザ毎のCSS対処方法(1)-古いブラウザ対策に関する詳細はこちら

古いブラウザへの対応

古いブラウザは、CSSに対応していないものが多く、読み込ませると大幅な表示崩れとなります。
古いブラウザの場合は、CSSを読み込ませない方がデザインは反映されないものの、
ユーザーは辛うじてコンテンツ内容を読めることができます。

» 古いブラウザへの対応に関する詳細はこちら

CSSバグに対応する3つの方法

CSSバグの対処は、WEB制作者にとって避けては通れない道です。

CSSハックを記述せずに制作することもできますが、コーダーは時間との戦いのため、
CSSハックを使わざるを得ないのが現状です。

» CSSバグに対応する3つの方法に関する詳細はこちら

Web制作におけるブラウザ選択

WEB制作において、WEB標準レイアウトをする上で一番ネックになってくるのが
ブラウザ別に正常表示させることです。
» ブラウザ毎にCSS対策に関する詳細はこちら

『WEBサイト制作者に役立つメルマガ』発行!