CSS のブラウザ サポートは、CSS の開発に遅れをとっています。絶対的な市場シェアを誇る Internet Explorer は、つい最近リリースされた第 8 バージョンまで CSS 2.1 の完全なサポートを完了していません。CSS の最新の進歩は、CSS 3 の開発です。仕様はすでに半分以上完成しています。しかし、だからといって CSS で新しいテクノロジーを使用することが妨げられるわけではありません。 CSS の一般的なテクニックを使用してそれらを自由に適用することはできませんが、特定のブラウザーではより鮮やかな効果を実現できます。これらの新しいテクノロジーを適切な場所で使用すると、CSS テクノロジーの最前線に立つことができるだけでなく、作品に新鮮な印象を与えることができます。
新しい CSS テクノロジー: すべてのブラウザーでサポートされることを期待しないでください。
Microsoft は、Internet Explorer 5.5 ~ 8.0 のさまざまなブラウザ バージョンでの CSS のサポートを発表しました。このリストでは、CSS 2.1 の完全なサポートは Internet Explorer 8.0 まで完了しておらず、Internet Explorer 7.0 でのみ使用できることがわかります。 CSS 2.1 の属性セレクター。この CSS テクノロジーは非常に便利です。これは、依然として市場の 40% 以上を占める Internet Explorer 6.x ユーザーへの配慮から、このテクノロジの使用を諦めなければならないことを意味します。例えば:
[値] {高さ:25px}
[href=http://www.dudo.org/] {color:red;}
1 行目では、value 属性を持つすべてのフォームの高さを 25px に設定し、特定の Web サイトへのリンクを赤色のテキストで表示できます。ただし、この「新しい CSS テクノロジ」はサポートされていないため、Internet Explorer 6 でこれを実行してもまったく効果がありません。
CSS 3 では、属性セレクターにさらに強力な機能が追加され、角丸、テキストの影、立体的な境界線などの効果も追加されています。これらの新しい CSS テクノロジーは、CSS 本来の複雑な問題を解決したと言えます。 2 たとえば、CSS 3 では、次のコードだけで丸みを帯びた外観を実現できます。
ただし、この新しいテクノロジは Internet Explorer 8 でもサポートされていません。現在、Firefox、Safari、Chrome でのみサポートされており、このサポートはサポートされていません。Firefox では -moz-radius、Safari と Chrome では -wekit-radius を使用してください。
これは CSS の新しいテクノロジーであり、すべてのブラウザーで同時に完全に解釈することは不可能のようです。
新しい CSS テクノロジーは CSS ハックではありません
CSSハックとは何ですか? CSS Hack は、ブラウザーでの CSS の使用における特定の欠陥を利用して、さまざまな CSS ルールを実装する方法です。たとえば、_property は IE7、8、および他のバージョンの IE を区別するために使用でき、*property は IE と非 IE ブラウザーを区別するために使用できます。ただし、ここで指摘されているのは、これらの CSS Hack はすべて非標準の CSS 仕様であり、W3C の検証を通過できない、つまり、すべて間違った CSS ルールであるということです。ただし、新しい CSS テクノロジは異なります。これらは標準の CSS 仕様ですが、一部のブラウザではサポートされていません。
さらに、新しい CSS テクノロジーはハッキングでは解決できません。異なるブラウザーでのボックス モデルの解釈の不一致については、CSS ハックを使用して修正できます。ただし、Internet Explorer が角丸四角形をサポートしていない問題は、追加の XHTML を使用するか、CSS ハック テクノロジを使用しても解決できません。背景画像。
したがって、新しい CSS テクノロジーは CSS Hack の一種ではなく、オーソドックスな CSS 仕様です。
新しいCSSテクノロジーの適切な使用
前述しましたが、新しい CSS テクノロジーはすべてのブラウザーでサポートされるわけではなく、CSS Hack テクノロジーを使用する場合と同様に、さまざまなブラウザーで同じ効果を達成することもできません。ただし、これによってそれらの使用が妨げられるわけではありません。想像してみてください。通常のページに、使用に影響を与えることなくブラウザでさらに使いやすく追加できたら、さらに魅力的になるのではないでしょうか。そして、CSS Hack のような不規則な CSS ルールを追加することなく、この効果を実現しました。したがって、CSS テクノロジーを適切なタイミングで適切に使用すると、おまけの効果が得られ、Web ページを使いやすくすることができます。