Opera9がリリースされ、Internet Explorer 7もBeta3がそろそろ出そうなのかな?ここでもIE 7 Beta 2をDLしてみて、という記事を以前に書いたことがありますが、色々な性格のモダンブラウザが登場してくると、私たちコーダーは必死に追いかけるしかないのです。
「完璧にくんでいるのに!」と崩れたプレビュー画面に向かって悔しがっているメンバーをよく見かけますが、完璧なんてないから面白いんですよね。いかに、どのブラウザの特性も理解して、考慮して組めるかどうか...。
新しく渡されたラフを見ながら、ソースを思い浮かべるときが、一番楽しいときなんですから。
それでも、同じCSSではどうしてもモダンブラウザを制覇できないところがあります。そこは、ハックの腕の見せ所です。
同じレイアウトを、いろんなパターンで組むバリエーション力が問われます。
IE7 を含むモダンブラウザ向けの CSS ハックまとめ
- バージョン 6 以下の IE
- IE7
- それ以外のモダンブラウザ(Safari、Opera、Firefox)
参照元:Lucky bag::blog|IE7を含むモダンブラウザ向けの CSS ハックまとめ
- バージョン 6 以下の IE にのみ適用
* html body
- バージョン 7 の IE にのみ適用
*+html body
- バージョン 7 を含む全ての IE にのみ適用
*+html body, * html body
- IE7 を含むモダンブラウザにのみ適用(バージョン 6 以下の IE を除外)
html>body
- IE7 を除くモダンブラウザにのみ適用
html>/**/body