Vyjadrenie IT

Ak ste písali CSS pre dobu, mali by ste zažiť tie časy, kedy si doslova vytiahnuť vlasy, keď si rozvrhnutie CSS vyzerala dobre vo všetkých nových prehliadačoch (mám na mysli prehliadača neskôr ako IE6), ale IE 6 vyvolá hnev. Môžete bojovať, ťažko upraviť CSS, ale to nefunguje ... No! Skúste tieto hacky ...

1. Podtržítkový hack: -
Podľa definície, špecifikácia CSS 2.1 umožňuje podčiarkovník ("_") v identifikátoroch CSS. Ale mnoho prehliadačov sa zdá ignorovať akékoľvek identifikuje pristúpil podčiarknutie, ale IE. Tento IE chyba / vlastnosť sa tak stáva veľmi jasný spôsob, ako nastaviť vlastnosti CSS pre IES len. tak si pamätajte, vlastnosť CSS písaný s podčiarknikom na začiatku je vidieť pre Internet Explorer (všetky verzie, ale IE 7)

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

Zobraziť ukážka toho podčiarkovníky hack

Tiež, min-height hack pre IE6 používa podčiarkovník hack, pozrite sa

2. Hash (#) Hack: -
Rovnako ako podčiarkovník hack, toto je moc je pre IES Oly, s dobrým rozdielom, majetkové identifikátory predchádza # na začiatku je viditeľná pre všetky verzie IE, IE7 zahrnuté a je neviditeľný pre akýkoľvek iný štandardný prehliadač.

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

Tento hack bol použitý pekne demonštrovať vzájomné prehliadač vertikálne zarovnanie riešenie, sa pozrite v tomto článku nájdete naše viac

3. CSS pre IE6 iba: -
#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*/
}

Tieto hacky sa zdá neba poslal, keď nič iného funguje ... Ak sa ktorýkoľvek z týchto hack šetrí váš život jedného dňa, nezabudnite so mnou na kávu :)