Ki ga izraža

Nekaj ​​mesecev prej smo videli, kako bi lahko vključeval del CSS, ki bi bila vidna le IE6 ( Za vašo IES Only ). Obstajajo tudi drugi načini za doseganje tega pa tudi. Vključuje le ločeno CSS, specifične za vaš ciljni IE. To bi lahko dosegli s tem, kar se imenuje kot Pogojno komentarje.

Pogojni Komentarji, je način, da zazna vrsto in različico brskalnika. Brskalnik odkrivanje je, da se zagotovi, da je vsebina predstavljena brskalnika posebne dejavnosti. Brskalnik odkrivanje je mogoče storiti z uporabo več različnih tehnik. Ta metoda ima več prednosti v prejšnjih metod, ki so vključeni v slogu preklapljanje z uporabo javascript. V seznam pomembno nekaj, bi bilo;

• Skripte ni potrebno
• Cross-browser

Kako to storiti?

Naredite nekaj v IE 5 le
<!--[if IE 5]> Welcome to Internet Explorer 5. <![endif]-->

Naredite nekaj v vseh verzijah IE
<!--[if IE]>
<link href="css/ie.css" rel="Stylesheet" type="text/css" />
<![endif]-->

Naredite nekaj v vseh verzijah IE novejše da IE 5
<!--[if gte IE 5]>
<script type="text/javascript"><!--
alert("Congratulations! You are running Internet Explorer 5 or greater.");<br />
// --></script>
<![endif]-->

Za več pogojnih vartiations, preberite te informacije na MSDN:
O Pogojno Komentar

Ste opazili, včasih, kako preproste stvari le ne želi delati v IE6 ... location.href je prav tako stvar.

Če ste dodali funkcijo onclick do vaše sidro oznako, kot je spodaj ...

<a href="javascript:void(0);" onclick="onClickLink('xxx');"> Pojdi na novi lokaciji </ a>

Z nekaj funkcij, kot je ta ...
Funkcija onclickLink (id) {
var URI = "test2.html id =?" + id;
window.location.href = URI;
}

Na vaš ironijo, bi opazili, da tak kos preprost scenarij noče delati v IE ... No! Ne morem razpravljati o razlogih tukaj, vendar ne mislim, da bo vredno ... Čeprav se mi zdi, da imajo rešitev ... (Stavim, da če boste razumeli, Javascript, boste razumeli, zakaj smo dodali ta poteg za IE6)

Rešitev

<a href="javascript:void(0);" onclick="onClickLink('xxx'); vrnitev false; "> Pojdi na novi lokaciji </ a>

Če ste vse preproste odgovore, vas prosimo, da napišite komentar. To bo res appretiated, stavim, z Veliko!

Če ste bili pisno CSS za nekaj časa, bi si morali doživeti tiste čase, ko dobesedno vleči vaše lase, ko se CSS postavitve pogledal lep v vseh novih brskalnikov (mislim brskalnikov pozneje kot IE6), vendar IE 6 vrže Tantrum. You borijo težko prilagoditi CSS, vendar to ne deluje ... No! Poskusite te Hacks ...

1. Podčrtaj Hack: -
Po definiciji, CSS 2,1 specifikacija omogoča podčrtaj ("_") v identifikatorjev CSS. Toda mnogi brskalniki še vedno zdi, da prezreti vse opredeljuje nadaljevala s podčrtajem, ampak IE. To je IE bug / funkcija tako postane zelo jasen način za določitev CSS lastnosti za IES samo. tako ne pozabite, nepremičnine CSS pisno poudarjajo na začetku z vidno za Internet Explorer (vse različice, vendar IE 7)

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

Poglej dokaz za to poudarjajo kramp

Tudi, min-višina kramp za IE6 uporablja podčrtaj kramp, si oglejte

2. Hash (#) Hack: -
Kot poudarjajo kramp, ta je preveč, je za IES OLY, z dobro razliko, je lastnina identifikatorji predhodna s # na začetku vidna za vse različice IE, IE7 vključena in je nevidna za druge standardni brskalnik.

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

To kramp je lepo uporabiti za dokaz navzkrižno brskalnik vertikalni uskladitvi rešitev, si oglejte v tem članku, da bi našli naša več

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

Ti hacks zdi nebesa poslal, če ne gre drugače ... Če je kateri od teh hacks prihrani svoje življenje nekega dne, dont pozabite, da mi privoščite kavo :)