こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

IE用と、その他のCSSを条件分岐

お世話になっています。

IE用と、その他のCSSを条件分岐させるために
以下の用にやったのですが
その他のfirefoxなどもIE用(wholerulesie)のスタイルシートになってしまいます。

どこが悪いのでしょうか?


<link rel="stylesheet" type="text/css" href="wholerules.css" />

<!–[if IE 8]>
<link rel="stylesheet" type="text/css" href="wholerulesie.css" />
<![endif]–>

投稿日時 - 2012-04-10 20:47:10

QNo.7414103

困ってます

質問者が選んだベストアンサー

No1です。
>ちなみに、Dreamweaverを作っているのですがこの3行が灰色になってしまいます。

<!-- から --> までは、HTMLの文法ではコメントなので、灰色になるのが正常です。

IEは、コメントの中まで読んで、特定の形式のコメント (<!--[if IE]とか) の場合にコメントの一部をコメントで無いと解釈するようになってます。つまり
<link rel="stylesheet" type="text/css" href="wholerulesie.css" />
を有効なタグと見なします。

他のブラウザは、<!-- から --> までをすべて無視します。

>今度は、逆にfirefoxがIE用のスタイルシートになってしまうのですが…。

なので、これはあり得ません。なんらかの勘違いでしょう。

投稿日時 - 2012-04-12 01:06:11

ANo.3

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(3)

ANo.2

<!--[if IE ]>
<p>この表示はIEだけで見えます。</p>
<![endif]-->

<![if !IE ]>
<p>この表示はIE以外のブラウザで見えます。</p>
<![endif]>


<!–[if IE 8]>
<p>この表示はIE8だけで見えます。</p>
<![endif]–>

投稿日時 - 2012-04-11 06:23:53

ANo.1

最初と最後を <!- や -> でなく、<!-- と --> にしてください。

投稿日時 - 2012-04-10 22:03:11

補足

お返事ありがとうございます!

早速
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="wholerulesie.css" />
<![endif]-->
と、やってみましたが
今度は、逆にfirefoxがIE用のスタイルシートになってしまうのですが…。

ちなみに、Dreamweaverを作っているのですが
この3行が灰色になってしまいます。

投稿日時 - 2012-04-10 22:45:53

あなたにオススメの質問