問題タブ [conditional-comments]

HTML 内で IE の条件付きコメントを使用できることはわかっています。

しかし、 stylesheetで IE のみをターゲットにして、html 内の特定の要素に css ルールを設定したい場合はどうすればよいでしょうか。たとえば、この Chrome/Safari ハックを css ファイル内で css コードとして使用できます...

しかし、次のように CSS スタイルシート内で IE ハックを使用します。

動作しません。IE のみをターゲットにするには、スタイルシート内で何を使用すればよいですか?

1 つの div があり、それにグラデーションと背景画像を適用したい (はい、同じ要素に)。対象のブラウザが IE でない場合にのみ可能であることはわかっています。それを念頭に置いて、IEのみのグラデーションの代わりに画像を上に塗りつぶすことを考えました。

これが私のコードです：

問題は、FF/Chrome の宣言の前後で条件が無視されることです。（私はテストし、[if false]などもテストしました。）何かアイデアはありますか？

JSF 2 アプリケーションでやりたいことは、ブラウザーのバージョンに応じて適切な html スタイルを設定することです。サンプル コードは次のとおりです。

JSF 2でそれを行う方法は? 最良/最も簡単な方法は何ですか?

Omnifaces ( o:conditionalComment) で興味深いものを見つけましたが、css 全体の条件付き読み込みしか許可されず、役に立たない...

これは、IE8以下にのみIEハックを与えるための私の標準的な条件付きコメントです。初期ロードで動作します。

ポストバックがあると、Chrome 21.0.1180.60 m が突然読み込まれます。何が起こっている？

アップデート：

Firefox や Opera でも同様の現象が発生することを確認しました。どういうわけか.NETが条件付きコメントに関係なくCSSインクルードのソースをスクレイピングし、ポストバックにCSSファイルを何らかの形で含むビューステートに配置するのではないかと思っていますか? それは意味がありますか？ここで他に何が起こっているのでしょうか？

更新 2:

これは奇妙です。条件付きコメントは、CSS (プレーンテキスト、html、または JavaScript ではない) のみをロードし、ヘッダーにある場合にのみロードします。Firefox、Opera、および IE は (対象のブラウザーに関係なく) 任意の数の条件付きコメントを読み込みますが、Chrome は最初のコメントのみを読み込みます。したがって：

ポストバック時にすべてのブラウザに をロードしIE.css、IE、Opera、および Firefox は IE 7、8、および 9 の CSS をロードするため、 に緑色の境界線が表示され#testます。#testChrome には境界線がありません。JavaScript アラートは発生しません。

IE7以下のみのスタイルシートをXSLページに追加するにはどうすればよいですか？次のようなヘッダー情報のテンプレートに追加してみました。

また、HTMLのみのドキュメントで同じスニペットを使用し、正常に機能していても、条件がドキュメントで実行されることはありません。何が得られますか？

使用時...

と

これは非常にうまく機能するので、Chrome Frame をダウンロードするためのリンクを提供します。

しかし、今、Chrome Frame がインストールされている場合は、反対のことをしたいと思います。

しかし

機能せず、ログイン フォームを表示する必要があります。

数十のウェブサイトをグーグル検索しましたが、答えが見つからない場合...

a. 条件付きでも可能ですか？

b. それともjavascriptでのみ可能ですか？

何か助けはありますか？

-----更新---------- Google Frame がインストールされているかどうかを検出するスクリプトを次に示します。

参考までに、上記のスクリプトに独自の jQuery を追加して、Chrome Frame ユーザーをターゲットにすることができます。

----- デモ: https://dev.clientwhys.com/index-dummy-ie.iml

IE 9 より前のバージョンを除くすべてのブラウザーで実行したいスクリプトがあります。明らかに、この条件ステートメントは IE で機能します。

しかし、そのコードは IE9 以外のブラウザでは実行されません。

複数の条件ステートメントを一緒に使用する方法はありますか?

私は自分自身のデザイン ブログとギャラリーを作成しようとしています。そのため、CSS3 を少し実験的に使用しています。他のブラウザーで望んでいた結果が得られましたが、今では IE が頭を悩ませています。

次のような CSS を使用して、ブログ投稿用に回転した日付マーカーを作成しました。

さて、私がそれをどのように行ったかは、おそらくそれほど重要ではありません。とにかく、IEでもテキストを回転させてみましたが、IE固有のコードで何とかできましたが、レンダリング結果があまりにもひどいので、使いたくありませんでした。そして今、回転コードなどがなければ、日付マーカーは自然に IE の本来あるべき場所から遠く離れています。

条件付き CSS を使用して IE で日付マーカーのまったく異なる外観を作成したかったのですが、そのようなことを初めて試したので、方法がわかりません。

その iecss-file には、わずかに異なるルールで同じ CSS クラスを含めました。最初は、フォント サイズを 50 ピクセルだけ下げようとしました。私のコンピューターにはIE 8しかありませんが、そこにはまったく影響がありませんでした。IE NetRenderer で自分の Web サイトをプレビューしたところ、テキスト サイズの変更がIE 7 で機能したことがわかりました (まあ、実際には IE 6 でも機能しましたが、デザインに起こった他のことについては話したくありません)。

では、IE 8 と (NetRenderer によると) IE 9 で何もしなかったのはなぜでしょうか? [if gte IE 8]も試してみましたが、何もしませんでした。

IE がメインの CSS ファイルのルールを理解し、問題なく結果を表示できる場合、同じクラスの新しい CSS ルールで効果を上書きできないという問題ですか?

IE のすべてのバージョンでこれらの CSS ルールを完全に無視し、他のバージョンに従う方法はありますか (これにより、IE で日付マーカーが完全に異なって見えるようになります)。または、日付マーカーをまったく表示しないように IE に指示する方法はありますか? 私のサイトはそもそもかなり実験的なものなので、IE で投稿日を表示しなくても大したことではありません。PHP で後者を実行できますか?

I have the following extra stylesheets to deal with some naughty browser behaviour in older versions on Internet Explorer:

The problem I have is that a rule that only exists in IE7.css is being applied in Internet Explorer 9.

Why is IE9 using my conditional IE7 stylesheet?

Updated

Oded and hsalama are heading in the right direction.

If I use:

Or

It loads "Browser Mode: IE9 Compat View".

If I remove this tag is runs in IE7 mode.

条件付きコメントを使用する場合、正しい方法を知りたい（divの終了タグに注意してください）

このように、両方の条件付きdivに対して1つの終了divを使用します

また

このように、条件付きdivごとにdivを閉じ、同じhtmlを繰り返します。

注：内部HTMLが同じである場合、なぜ条件付きスタイルシートを使用しないのか不思議に思うかもしれませんが、条件付きdivでインラインスタイルを使用し（必要です）、IEのインラインスタイルが異なります（IEはそうする必要があるため必要です）それはcssサポートで悪いです...）

ありがとうございました