css bedingte Formatierung

Question

Ich habe den folgenden Code, um zu überprüfen, ob der Benutzer IE7 verwendet ... und es muss die .web_info Stil überfahren. Wenn nicht IE7 verwendet den Standard-Stil, wenn es nicht IE ist, wird es die ff_styles.css verwenden. Das scheint nicht zu funktionieren.

<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]> 

Irgendwelche Vorschläge? Dank

Answer 1

Bedingte Kommentare sind IE spezifisch und daher ist "<![if !IE]>" keine gültige Anweisung für Firefox oder einen anderen Browser. Außerdem würde ich vorschlagen, dass Sie die folgende Syntax versuchen:

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

Eine letzte Anmerkung meinerseits: Da IE7/IE8 meist Standard kompatibel sind, sollten diese CSS-Hacks vermieden werden, wenn möglich.

Update: Dank slosd stehe ich korrigiert! Laut „Supporting IE with conditional comments“ können Sie verwenden, die etwas von IE zu verstecken folgende:

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

Es tut uns leid ich verursacht!

Vollarbeitsbeispiel:

<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]--> 

Answer 2

Sollte dies wie nicht aussehen

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

und

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

Beachten Sie, dass

<!--[if !IE]> 

sollte nie wahr ergeben, da diese Bedingte Kommentare nur von IE interpretiert bekommen.

Answer 3

Überprüfen Sie nicht, ob der Browser nicht IE ist, überprüfen Sie, ob es IE7 ist, wenn es IE ist, und dann Fallback für den Standard. Weitere Informationen: http://www.quirksmode.org/css/condcom.html