問題タブ [css-hack]

一般的に、インターネットを見回すと、CSS ハックを使用して、Web サイトがすべてのブラウザーで同じように見えるようにしていることがわかります。個人的には、これらのハッキングをすべて見つけてテストするには、かなりの時間がかかることがわかりました。変更を加えるたびに、4 つ以上のブラウザーでテストして、他に問題がないことを確認する必要があります。

約 1 年前、他の主要なサイト (Yahoo、Google、BBC など) が使用しているものをインターネットで調べたところ、それらのほとんどがなんらかの形式のブラウザー検出 (JS、HTML if ステートメント、サーバー ベース) を行っていることがわかりました。私もこれをやり始めました。最近取り組んだほとんどすべてのサイトで jQuery を使用しているため、組み込みのブラウザー検出機能を使用しています。

これらのいずれかを使用する、または使用しない理由はありますか?

私が抱えているCSSの問題を解決するためのハックを見てきました。これを使用して、Internet Explorer のカスタム ルールを作成しました。

このハックはすべての IE ブラウザーに適用されますか? このハックは、Firefox または Safari のどのバージョンにも見られますか?

条件付きコメントを使用すると、ブラウザ固有のCSSルールでInternetExplorerをターゲットにするのは簡単です。

時々、誤動作するのはGeckoエンジン（Firefox）です。他の単一のブラウザではなく、CSSルールでFirefoxのみをターゲットにする最良の方法は何でしょうか。つまり、Internet ExplorerはFirefoxのみのルールを無視するだけでなく、WebKitとOperaも無視する必要があります。

注：「クリーンな」ソリューションを探しています。JavaScriptブラウザスニファを使用して「firefox」クラスをHTMLに追加することは、私の意見ではクリーンとは言えません。条件付きコメントがIEにとって「特別」なだけであるように、ブラウザの機能に依存するものを見たいのですが…</ p>

一部のCSSルールをOpera（9.5 +）でのみ表示する方法はありますか？

次の 2 行目は IE6/Windows では認識できません

子セレクターが IE6 で実装されていない機能であることは理解できます。ただし、IE/Mac は以下を認識しません。

これはバグのようです。通常、エージェント開発者はパッチを提供します。なぜパッチが適用されていないのですか？具体的な理由は？

幼稚すぎる質問でしたらご容赦ください。

IE 6 および 7 のどの css ハックが将来の証明になりますか? つまり、私が使用すると、問題が発生することはなく、パッチが実装されることはありませんか?

すべての CSS と IE 用の 2 つの CSS を管理するには時間がかかり、スタイル シートも 1 つ追加されます。そして、ハックがメイン css 内の問題を解決できる場合、それは時間の節約になります。また、複数の人が同じプロジェクトで作業している場合、ほとんどの場合、条件付き css も変更するのを忘れていました。

私は条件スタイルシートについて尋ねているのではありません

私は現在、@media screen and (-webkit-min-device-pixel-ratio:0)WebkitブラウザとOpera9.2をターゲットにするために使用しています。

Opera GTE9.5またはLTE10をターゲットにする安全な*方法はありますか？

_{*他のブラウザでは検出されません}

Firefox 3.6 で継承されない Firefox 3 CSS ハックを探しています。

上記のコードは、望ましくない Firefox 3.6 でも動作するようです。