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