2009-06-14 44 views
2

ユーザーがIE7を使用しているかどうかを確認するには、以下のコードを使用してください.web_infoスタイルをオーバーライドする必要があります。 IE7でない場合、デフォルトスタイルを使用します。IEでない場合は、ff_styles.cssを使用します。これは機能していないようです。CSSの条件付き書式設定

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


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

<![if IE 7]> 
<style type="text/css"> 
.web_info 
{ 
left: 450px; 
top: 200px; 
width: 300px; 
height: 60px; 
} 
</style> 
<![endif]> 

おかげ

答えて

3

条件付きコメントはIE固有のものであるため、 "<![if !IE]>"はFirefoxまたは他のブラウザの有効な命令ではありません。私の部分に

<!--[if IE 7]> 
<style type="text/css"> 
.web_info 
{ 
left: 450px; 
top: 200px; 
width: 300px; 
height: 60px; 
} 
</style>  
<![endif]--> 

最後の注意:また私は、次の構文を試すことをお勧めIE7/IE8はほとんど標準に準拠しているので、可能な場合、これらのCSSハックは、避けるべきです。

更新日: スローズのおかげで私は修正されました!私は不便のために申し訳ありません

<!--[if !IE]>--> 
do something; IE will ignore this, other browsers parse it 
<!--<![endif]--> 

:「Supporting IE with conditional comments」によると、あなたは、IEから何かを隠すために、次を使用することができます!

全作業例:

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

<!--[if !IE]>--> 
    <link rel="stylesheet" type="text/css" href="../ff_styles.css"> 
<!--<![endif]--> 

<!--[if IE 7]> 
    <style type="text/css"> 
    .web_info{ 
    left: 450px; 
    top: 200px; 
    width: 300px; 
    height: 60px; 
    } 
    </style> 
<![endif]--> 
+0

ありがとう、どのように私はそれがIEではないことをチェックするだろう...オペラなどの場合は、Firefoxの場合よりもむしろ! – Elliott

+1

!有効な演算子は次のとおりです。http://msdn.microsoft.com/en-us/library/ms537512(VS.85).aspx IEでは、すべてのブラウザに含めるスタイルに使用できます。 – slosd

+0

ありがとうございます:) – Elliott

4

が、これはこれらの条件付きコメントはIEのみによって解釈得るよう

<!--[if !IE]> 

が真になることはありませんことを

<!--[if IE 7]> 
.. 
<![endif]--> 

<!--[if !IE]> 
... 
<![endif]--> 

ノートのように見てはいけません。

+2

理由は、他のブラウザのために、ということである。< - antythingは - !> XML/HTMLのコメントとして表示され、解釈されません。 –

+0

私は彼がやりたいと思っているのはIEならではのことなのでしょうか!IEの方がいいです –

+0

ありがとうございますが、Firefoxではまだ上書きされたスタイルを表示していません – Elliott

2

ブラウザがIEでないかどうかを確認しないでください。IE7であるかどうかを確認してからIEであるかどうかをチェックし、デフォルトでフォールバックしてください。 詳細情報:http://www.quirksmode.org/css/condcom.html

関連する問題