忍者ブログ
忘れっぽい開発者の備忘録。基本的に自分用メモです。
[29] [28] [27] [26] [25] [24] [23] [22] [21] [20] [19
2017.08.21,Mon
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2011.09.01,Thu
■CSSハックについて

CSSで記述したものがブラウザによってずれたりする。
それをブラウザ別に対処するのがCSSハック。
まずはベースのブラウザを決めて、それ以外のブラウザ別にCSSハックを仕込めばOK。
※ベースと異なってる部分を赤文字表記にしてます。

Firefox(ベース)
.element{
margin: 0px;
}


Internet Explorer

IE7・IE8
.element{
margin/*\**/:0px\9;
}



IE用と言われているけど、実際はIE以外にも効いてしまったもの
これはfirefox6で適用されてしまいました。なので無意味だった。
html>/**/body .element{
margin:0px;
}


他にもやり方はあるようだけれど、基本的にIEのCSSハックはIE以外を基準にして
IE用にCSSハックを用意してあげると良さそう。
もっと本格的にやりたい場合は、閲覧者のブラウザ情報を取得して、そのブラウザごとのCSSを用意してあげれば完璧だと思うけど面倒くさそう。

まだ追加するかも?
PR
Comments
Post a Comment
Name :
Title :
E-mail :
URL :
Comments :
Pass :   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
カレンダー
07 2017/08 09
S M T W T F S
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
ブログ内検索
Template by mavericyard*
Powered by "Samurai Factory"
忍者ブログ [PR]