Vyjádření IT

O několik měsíců dříve jsme viděli, jak jsme je mohli zařadit kus CSS, který by byl viditelný pouze IE6 ( Pro vaši IES Only ). Existují i ​​jiné způsoby, jak toho dosáhnout také. Jednoduše zahrnovat oddělenou CSS, specifické pro vaši cílovou IE. to by mohlo být dosaženo s tím, co se nazývá jako Podmíněné komentáře.

Podmíněné komentáře je způsob, jak detekovat typ prohlížeče a verzi. Prohlížeč Detekce je prováděna s cílem zajistit, že obsah předložila konkrétní prohlížeče. Detekci prohlížeče lze provést pomocí mnoha různých technik. Tato metoda má několik výhod oproti dřívější metody, které jsou součástí stylu přepínání pomocí javascript. Chcete-li vypsat důležité málo, bude;

• Ten je není nutné
• Cross-browser

Jak to uděláme?

Udělejte něco v IE 5 až
<!--[if IE 5]> Welcome to Internet Explorer 5. <![endif]-->

Něco udělat ve všech verzích IE
<!--[if IE]>
<link href="css/ie.css" rel="Stylesheet" type="text/css" />
<![endif]-->

Něco udělat ve všech verzích IE novějších že IE 5
<!--[if gte IE 5]>
<script type="text/javascript"><!--
alert("Congratulations! You are running Internet Explorer 5 or greater.");<br />
// --></script>
<![endif]-->

Pro více podmíněných vartiations, přečtěte si informace na webu MSDN:
O podmíněný komentář

Všimli jste si někdy, jak se jednoduché věci prostě odmítá pracovat v IE6 ... location.href je jen taková věc.

Pokud jste přidali funkci onclick ke svému ukotvení značky, jako je níže ...

<a href="javascript:void(0);" onclick="onClickLink('xxx');"> přejděte na nové místo </ a>

S trochou funkcí, jako je tato ...
Funkce onclickLink (id) {
var URI = "test2.html id =?" + id;
window.location.href = URI;
}

K vaší ironii, že si všimnete, že takový kus jednoduchého skriptu odmítne pracovat v IE ... No! Mohu diskutovat o důvody tady, ale nemyslím, že to bude stát za to ... I když, já Zdá se, že řešení ... (Vsadím se, jestli mi rozumíte Javascript, pochopíte, proč jsme přidali Tento trik pro IE6)

Řešení

<a href="javascript:void(0);" onclick="onClickLink('xxx'); návrat false; "> přejděte na nové místo </ a>

Máte-li jakékoli jednoduché odpovědi, prosím, napsat komentář. To bude opravdu appretiated, vsadím se, mnoho!

Pokud jste psali CSS pro dobu, měli byste zažít ty časy, kdy si doslova vytáhnout vlasy, když si rozvržení CSS vypadala dobře ve všech nových prohlížečích (mám na mysli prohlížeče později než IE6), ale IE 6 vyvolá vztek. Můžete bojovat, těžko upravit CSS, ale to nefunguje ... No! Zkuste tyto hacky ...

1. Podtržítkový hack: -
Podle definice, specifikace CSS 2.1 umožňuje podtržítko ("_") v identifikátorech CSS. Ale mnoho prohlížečů se zdá ignorovat jakékoli identifikuje přistoupil podtržení, ale IE. Tento IE chyba / vlastnost se tak stává velmi jasný způsob, jak nastavit vlastnosti CSS pro IES pouze. tak si pamatujte, vlastnost CSS psaný s podtržítkem na začátku je vidět pro Internet Explorer (všechny verze, ale IE 7)

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

Zobrazit ukázka toho podtržítka hack

Také, min-height hack pro IE6 používá podtržítko hack, podívejte se

2. Hash (#) Hack: -
Stejně jako podtržítko hack, tohle je moc je pro IES Oly, s dobrým rozdílem, majetkové identifikátory předchází # na začátku je viditelná pro všechny verze IE, IE7 zahrnuty a je neviditelný pro jakýkoli jiný standardní prohlížeč.

.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 byl použit pěkně demonstrovat vzájemné prohlížeč vertikální zarovnání řešení, se podívejte v tomto článku najdete naše více

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

Tyto hacky se zdá nebe poslal, když nic jiného funguje ... Pokud se kterýkoli z těchto hacků šetří váš život jednoho dne, nezapomeňte se mnou na kafe :)