IT kifejezése

Néhány hónappal korábban láttuk, hogyan tudnánk is egy darab CSS lenne látható, hogy csak IE6 ( Az Ön csak IE ). Vannak más módon kívánják elérni ezt is. Egyszerűen egy külön CSS-adatokat, a cél az IE. lehetne ezt elérni az úgynevezett feltételes megjegyzések.

Feltételes megjegyzések egy módja annak, hogy érzékeli a böngésző típusa és verziója. A böngészőellenőrző végzik annak érdekében, hogy a tartalom bemutatták a böngésző specifikus. A böngészőellenőrző lehet elvégezni különböző technikákat. Ez a módszer számos előnye van a korábbi módszerekkel, amely tartalmazta a stílus váltás a javascript. Felsorolni néhány fontos lenne;

• Scripting nem szükséges
• Cross-böngésző

Hogyan csináljuk ezt?

Tegyél valamit az IE csak az 5.
<!--[if IE 5]> Welcome to Internet Explorer 5. <![endif]-->

Tegyél valamit az összes IE verzió
<!--[if IE]>
<link href="css/ie.css" rel="Stylesheet" type="text/css" />
<![endif]-->

Van valami újabb változata Minden IE, hogy az IE 5
<!--[if gte IE 5]>
<script type="text/javascript"><!--
alert("Congratulations! You are running Internet Explorer 5 or greater.");<br />
// --></script>
<![endif]-->

További feltétele vartiations, olvasd el ezt az MSDN info:
Mintegy Feltételes Comment

Észrevetted már néha, hogy milyen egyszerű dolgok nem hajlandó dolgozni ... IE6 location.href csak egy ilyen dolog.

Ha hozzá egy onclick függvényt a horgony tag, mint alább ...

<a href="javascript:void(0);" onclick="onClickLink('xxx');"> menj új helyre </ a>

Néhány funkció, mint ez ...
onclickLink funkció (id) {
var URI = "test2.html? id =" + id;
window.location.href = URI;
}

A irónia, akkor veszi észre, hogy egy ilyen darab egyszerű script nem hajlandó dolgozni IE ... Nos! Tudok beszélni okokból itt, de nem hiszem, hogy érdemes lesz ... Bár, tudom Úgy tűnik, hogy a megoldás ... (Lefogadom, ha megérted Javascript, meg fogod érteni, hogy miért adunk ennek a csípés IE6)

A megoldás

<a href="javascript:void(0);" onclick="onClickLink('xxx'); vissza false; "> menj új helyre </ a>

Ha bármilyen egyszerű választ, kérjük írjon egy megjegyzést tenni. Ez valóban appretiated, lefogadom, az sok!

Ha már írás közben a CSS, akkor kellett volna megtapasztalni azokat az időket, amikor szó szerint húzza a hajat, ha a CSS layouts nézett finom minden új böngészők (mármint böngészők legkésőbb IE6), de az IE 6 dob egy hisztit. Ön keményen küzdenek, hogy beállítsa a CSS, de ez nem működik ... Nos! Próbálja ki ezeket Hacks ...

1. Aláhúzás Hack: -
A meghatározás szerint a CSS 2.1 specifikáció lehetővé teszi, aláhúzás ("_"), a CSS azonosítókat. De sokan még mindig úgy tűnik, hogy böngésző figyelmen kívül hagyja azonosítja haladt egy aláhúzás, de pl. Ez IE bug / szolgáltatás így lesz egy nagyon világos módon lehet szabályozni a CSS tulajdonságokat csak IE. úgy emlékszem, a CSS tulajdonság írt az aláhúzás az elején látható az Internet Explorer (az összes verzió, de IE 7)

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

Téma mutatja ezt aláhúzás hack

Továbbá, a min-height csapkod IE6 használja az aláhúzás hack, nézd meg

2. Kettőskereszt (#) Hack: -
Mint az aláhúzás hack, ez túl van az IES Oly, jó különbséggel, ingatlan azonosítók előzi meg a start # látható mindenki számára IE verzió, benne IE7 és láthatatlan minden más szabványos böngésző.

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

Ez a hack éltek szépen igazolni egy kereszt függőleges igazítása böngésző megoldást, nézd meg ezt a cikket találja meg többet

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

Ezek hack tűnik Heaven Sent, amikor semmi más nem működik ... Ha ezek közül bármelyik hack ment egy nap az életedben, ne felejtsd el, hogy bánnak velem egy kávét :)