2012-12-21 6 views
5

Sto cercando di migliorare l'aspetto di un sito Web in IE, quindi ho deciso di utilizzare i commenti condizionali. Quindi ho usato questo commento condizionale per collegarmi al foglio di stile.IE Foglio di lavoro/commenti condizionali Non funziona

Questo non funziona e utilizzerà il foglio di stile predefinito o visualizzerà una pagina vuota. Allora ho letto da qualche parte che i commenti erano così.

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

Così ho provato e che ha fatto la stessa cosa come l'altra, ma la --> compare sulla pagina. Sono ancora un po 'nuovo in HTML e ogni aiuto sarebbe bello.

risposta

4

Ecco il formato corretto del commento:

<!--[if IE ]> 
Special instructions for IE here 
<![endif]--> 

ecco un commento non IE:

<!--[if !IE ]> 
According to the conditional comment this is not IE 
<![endif]--> 

fonte: http://www.quirksmode.org/css/condcom.html

Edit: appena notato che il loro 'no' l'esempio è sbagliato l'ho corretto

+0

Grazie, potrebbe essere stato il codice giusto, o il fatto che ho provato a mettere il affermazione condizionale nel corpo piuttosto che nella testa, ma almeno funziona ora, e grazie! –

+0

considerando che il codice che ho fornito qui era diverso dal codice che hai usato, id dice che era il codice giusto;) – mkoryak

+8

Sfortunatamente, sembrerebbe che IE 10+ non supporti più le condizioni. Fonte: 'https://msdn.microsoft.com/en-us/library/hh801214 (v = vs.85) .aspx' –

1

Inoltre è sempre bene dichiarare quali versioni di IE si desidera visualizzare il foglio condizionale, ad esempio se si desidera IE 9 e inferiore sarà come indicato di seguito.

<!--[if lte IE 9]> 
<link rel="stylesheet" type="text/css" href="IEstyle.css" /> 
<![endif]--> 
+0

e se volesse tutte le versioni di IE utilizzare il foglio di stile? – mkoryak

+0

Va bene solo mettendo IE per tutti, ma di solito ci sono alcune differenze tra le versioni di IE e il modo in cui le cose vengono visualizzate in ogni versione, quindi volevo solo mostrare come distinguere le versioni. –

+0

Grazie per l'aiuto, ho finalmente funzionato, e ho solo voluto o tutte le versioni per ora. –

2

Si dovrebbe usare in questo modo: Sintassi:

<!--[if IE 8]> = IE8 
<!--[if lt IE 8]> = IE7 or below 
<!--[if gte IE 8]> = greater than or equal to IE8 


<!--[if IE 8]> 
<style type="text/css"> 
    /* css for IE 8 */ 
</style> 
<![endif]--> 

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

reference link 1

reference link 2