Uttrykke IT

Hvis du har skrevet CSS for stund, ville du ha erfaring de gangene du bokstavelig talt trekke håret når CSS-layouter så fint i alle de nye nettlesere (jeg mener nettlesere senere enn IE6), men IE 6 kaster et raserianfall. Du strever hardt for å justere CSS, men det fungerer ikke ... Vel! Prøv disse hacks ...

1. Understreke Hack: -
Per definisjon kan CSS 2.1 spesifikasjon understrek ("_") i CSS identifikatorer. Men mange nettlesere fortsatt synes å ignorere ethvert identifiserer fortsatte med en understrek, men IE. Dette IE bug / funksjon blir dermed en veldig tydelig måte å sette CSS egenskaper for IES bare. så husk, A CSS eiendom skriftlig med understreking på start er synlig for Internet Explorer (alle versjoner, men IE 7)

#box {
min-height: 300px;
height: auto;
_height: 300px; /* all IE versions less than version 7 */
...
}

Se demonstrasjon av dette understreker hack

Også bruker min høyde hack for IE6 understrekingstegnet hack, sjekk ut

2. Hash (#) Hack: -
I likhet med understrek hack, er dette en altfor er for IES oly, med en god forskjell, er eiendom identifikatorer som innledes med # på starten synlig for alle IE-versjoner, inkludert IE7 og er usynlig for alle andre standard nettleser.

.obj_container {
display: table-cell;
vertical-align: middle;
#position: absolute; /* For IE only */
#top: 50%; /* For IE only */
#left:50%; /* For IE only */
}

Dette hack har blitt brukt pent å demonstrere et kors nettleser vertikal justere løsning, ta en titt på denne artikkelen for å finne vår mer

3. CSS for IE6 bare: -
#my_bad_behaving_div {
/*something for all browsers*/
}
/* Lets use the * html hack so only IE6 reads the rule */
* html #my_bad_behaving_div{
/*something for IE6 only*/
}

Disse hacks synes himmelen sendt, når ingenting annet fungerer ... Hvis noen av disse hacks sparer livet ditt en dag, ikke glem å behandle meg til en kopp kaffe :)