Eventuali duplicati:
How do I do IE conditionals in CSS?Applicare regole CSS se il browser è IE
Come posso applicare le regole di seguito per solo IE?
.abc {
float:left;
height:0;
margin:0 10px;
width:0;
/*Apply these rules for IE only*/
position:absolute;
left:30;
top:-10;
/*Apply these rules for IE only*/
}
Nei browser fino al IE9, questo viene fatto attraverso conditional comments.
<!--[if IE]>
<style type="text/css">
IE specific CSS rules go here
</style>
<![endif]-->
Un buon modo per evitare di caricare più file CSS o di avere CSS in linea è a portata di mano una classe per il tag body a seconda della versione di Internet Explorer. Se avete solo bisogno di hack Per esempio, si può fare qualcosa di simile, ma può essere esteso per essere la versione specifica:
<!--[if IE ]><body class="ie"><![endif]-->
<!--[if !IE]>--><body><!--<![endif]-->
Ora nel codice css, si può semplicemente fare:
.ie .abc {
position:absolute;
left:30;
top:-10;
}
Ciò mantiene anche i file CSS validi, in quanto non è necessario utilizzare gli hacker CSS sporchi (e non validi).
Un approccio veloce è quello di utilizzare il seguente in base alle vale a dire che si desidera mettere a fuoco (controllare i commenti), all'interno del vostro file CSS (dove margin-top, impostare qualunque css attributo gradite):
margin-top: 10px\9; /*It will apply to all ie from 8 and below */
*margin-top: 10px; /*It will apply to ie 7 and below */
_margin-top: 10px; /*It will apply to ie 6 and below*/
Un approccio migliore sarebbe controllare l'agente utente o un condizionale se, al fine di evitare il caricamento di CSS non necessari in altri browser.
\ 9 funziona in 9 e 10 – Jon
Che dire di IE11? Ho provato margin-top: 10px \ 9, margin-top: 10px \ 10 e margin-top: 10px \ 11 senza successo – Guillaume
Prova my ie10 + hack _: - ms-fullscreen,: root .selector {margin-top: 10px; } e my ie11 + hack: _: - ms-lang (x), .selector {margin-top: 10px; } Dovrebbero aiutarti. Provali qui: http://browserstrangeness.bitbucket.org/css_hacks.html#msie –
Preferisco utilizzare un file separato per le regole, come descritto in precedenza.
<!--[if IE]><link rel="stylesheet" type="text/css" href="ie-style.css"/><![endif]-->
e al suo interno è possibile impostare le regole per le diverse versioni di IE di utilizzare questo:
.abc {...} /* ALL MSIE */
*html *.abc {...} /* MSIE 6 */
*:first-child+html .abc {...} /* MSIE 7 */
questo non funzionerà per IE10 e versioni successive. –
questa non è più la risposta – abzarak
@abzarak quindi fornire un nuovo, corretto che l'OP può contrassegnare come accettato invece di questo uno –