Metodo CSS per includere gli hack IE6

Question

• CSS ha @import, giusto?
• IE6 comprende *html selector mod, giusto?

E 'possibile combinarli come

//*html @import url(ie6hacks.css); 

o, eventualmente,

//*html { @import url(ie6hacks.css); } 

?

I buoni browser devono saltare questo, funzionerà ancora in IE6? Come sembra una soluzione? Posso vedere chiaramente che sembra brutto come i normali CSS.

Answer 1

E 'possibile combinare loro come

* html @import url(ie6hacks.css); 

No. at-regole come @import non sono selettori, quindi non può essere combinato con altri selettori.

ci sono modi per rendere al-regole funzionano come hack, ad esempio questo:

@import url(/* no! */iehacks.css); 

sarà caricato da IE6/7, ma non gli altri browser. Tuttavia, non consiglierei di usarlo; questo genere di cose può essere davvero fragile. Questo particolare esempio è anche CSS non valido.

Come dice Daniel, se si desidera separare i file .css per gli hack, l'approccio migliore è un tag link condizionato. Il bello di "* html" è che puoi mettere le hack-rules nello stesso foglio di stile, che è più facile da gestire se ce ne sono solo alcune; se hai comunque un foglio di stile separato, non offre alcun vantaggio.

IMO "* html" per IE6 è l'unico trucco che è ancora valido utilizzare oggi. Tutto il materiale del modello di box è morto insieme a IE5 - supponendo che tu non stia usando IE6 Quirks Mode, che non dovresti - e gli altri browser, anche IE7, sono generalmente troppo buoni per essere in grado di attaccare con un semplice hack; i pochi hack che possono bersagliarli sono troppo complessi/fragili/non validi per essere realmente utilizzati.

(E come l'inventore del semplificato Box Model Hack, dico una sostanziosa buona liberazione per loro.)

Answer 2

Sfortunatamente la modifica *html non può essere utilizzata per importare altri fogli di stile.

Here is an article che spiega che hack e altri che sono utili per attaccare i bug specifici di IE.

Answer 3

Perché preoccuparsi di questo strano trucco quando è possibile utilizzare i commenti condizionali per includere solo il CSS necessario?

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

Alcune risorse:

• http://www.quirksmode.org/css/condcom.html
• http://virtuelvis.com/archives/2004/02/css-ie-only

Se davvero si deve usare @import, si possono trarre vantaggio dal fatto che IE non segue le specifiche per la regola @import. Normalmente deve essere il primo a pensare in un foglio di stile o in un tag di stile, oppure è completamente ignorato. Tuttavia, IE6 (almeno quando l'ho testato) non sembra preoccuparsene. Lungo queste linee, si può fare questo:

<style type="text/css"> 
.NotARealClass { } 

@import url("ie-style.css"); 
</style> 

Si noti che non ho ancora testato questo in qualcosa oltre FF3 (dove non riesce a caricare IE-style.css) e IE6 (dove lo carica in ogni modo). Il tuo chilometraggio può variare.