cssを使用しているときに、特定のものがクロスブラウザーに対応していないことに気付くのにそれほど時間はかかりません。
たとえば、半透明のpngが必要な場合、IEに次のようなばかげたものを与える必要がありました。
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
20分以上cssで遊んだことがある人なら誰でも遭遇するので、私はポジショニングや疑似セレクターなどに問題がありました。
- 問題を解決するために、私はすべてのブラウザがサポートしていることと、同じ(または少なくともかなり類似した)方法でのみサポートすることを決定することから始めます。
- また、条件付きコメントを入力して、IEに独自のスタイルシートを与えることもあります。
- そして、他の場合には、cssハックを使用して、特定のブラウザが特定のビットを読み取ることを除外します(古い「
* html {}
」や「html>/**/body {}
」など)。
だから私の質問は、これが最良の選択肢です。1つ目はかなり制限があり、IE6でできることを開発することになりますが、他の2つは少し厄介だと感じます。では、プログラミングの実践、レンダリングの効率などの観点から、どちらが賭けになりますか?