CSS ハック

Opera9がリリースされ、Internet Explorer 7もBeta3がそろそろ出そうなのかな?ここでもIE 7 Beta 2をDLしてみて、という記事を以前に書いたことがありますが、色々な性格のモダンブラウザが登場してくると、私たちコーダーは必死に追いかけるしかないのです。

「完璧にくんでいるのに!」と崩れたプレビュー画面に向かって悔しがっているメンバーをよく見かけますが、完璧なんてないから面白いんですよね。いかに、どのブラウザの特性も理解して、考慮して組めるかどうか...。
新しく渡されたラフを見ながら、ソースを思い浮かべるときが、一番楽しいときなんですから。

それでも、同じCSSではどうしてもモダンブラウザを制覇できないところがあります。そこは、ハックの腕の見せ所です。

同じレイアウトを、いろんなパターンで組むバリエーション力が問われます。

IE7 を含むモダンブラウザ向けの CSS ハックまとめ

  • バージョン 6 以下の IE
  • IE7
  • それ以外のモダンブラウザ(Safari、Opera、Firefox)
バージョン 6 以下の IE にのみ適用
* html body
バージョン 7 の IE にのみ適用
*+html body
バージョン 7 を含む全ての IE にのみ適用
*+html body, * html body
IE7 を含むモダンブラウザにのみ適用(バージョン 6 以下の IE を除外)
html>body
IE7 を除くモダンブラウザにのみ適用
html>/**/body
参照元:Lucky bag::blog|IE7を含むモダンブラウザ向けの CSS ハックまとめ

Comments:0

Comment Form

Trackbacks:0

TrackBack URL for this entry
http://www.otogawa.com/cms/mt-tb.cgi/21
Listed below are links to weblogs that reference
CSS ハック from px*blog