Vyjadrenie IT

Všimli ste si niekedy, ako sa jednoduché veci proste odmieta pracovať v IE6 ... location.href je len taká vec.

Ak ste pridali funkciu onclick k svojmu ukotvenie značky, ako je nižšie ...

<a href="javascript:void(0);" onclick="onClickLink('xxx');"> prejdite na nové miesto </ a>

S trochou funkcií, ako je táto ...
Funkcia onclickLink (id) {
var URI = "test2.html id =?" + id;
window.location.href = URI;
}

K vašej iróniu, že si všimnete, že taký kus jednoduchého skriptu odmietne pracovať v IE ... No! Môžem diskutovať o dôvody tu, ale nemyslím, že to bude stáť za to ... Aj keď, ja Zdá sa, že riešenie ... (Stavím sa, či mi rozumiete Javascript, pochopíte, prečo sme pridali Tento trik pre IE6)

Riešenie

<a href="javascript:void(0);" onclick="onClickLink('xxx'); návrat false; "> prejdite na nové miesto </ a>

Ak máte akékoľvek jednoduché odpovede, prosím, napísať komentár. To bude naozaj appretiated, stavím sa, veľa!

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 :)

Mal som tento problém v prípade, ak by ste mali mouseover udalosť na delenie (DIV) a že rozdelenie z nejakého dobrého dôvodu musela byť transparentné (ako v mojom prípade, kde to bolo potrebné na zobrazenie niektorých značiek cez obrazu na mouseover z Tento transparentné rozdelenie), IE sa nepodarilo spustiť mouseover udalosť (pracoval pokutu vo Firefoxe).

Snažili niekoľko možností, ... z ktorých mnohé bol len zúfalý pokus dostať udalosť na oheň v IE. Jeden z tých rozumných, ktoré som si myslel, by mohlo fungovať je nastaviť farbu pozadia na rozdelenie a nastavte krytie na nulu ... No! dint prácu!

Konečné riešenie, ktorá sa zdala pracovať a nerušia funkciu som bol potrebný, aby sa jeden pixel opakovať / transparentný obrázok na pozadí v tomto oddelení

Hlúpe ...! ale teraz sa zdá IE šťastný.

Jednoduché ... Ak chcete tento problém použitie display: inline.

div {float:left;margin:40px;display:inline;}

Ak máte plávajúce prvok, ako je div, a umiestnite margin-right, alebo margin-left na tomto prvku, bude Internet Explorer 6.0 dvojnásobné rozpätie hodnotu, nekazia sa HTML / CSS layout. Na vyriešenie tohto problému stačí pridať display: inline; do plávajúceho prvku.