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

[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絵文字
カレンダー
12 2018/01 02
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]