Изражавајући ИТ

Неколико месеци раније смо видели, како бисмо могли да укључимо комад ЦСС која би била видљива само за ИЕ6 ( За вашу ИЕН Онли ). Постоје и други начини да се то постигне, као добро. Једноставно укључује посебан ЦСС, специфичан за вашу циљну ИЕ. Ово се може постићи са оним што се зове као условне коментара.

Условне коментара је начин да се открије тип прегледача и верзију. Претраживач детекција се врши како би се обезбедило да садржај представљен бровсер специфичне. Претраживач откривање се може урадити користећи многе различите технике. Овај метод има неколико предности у односу на раније методе, које су укључене у стилу пребацивање користећи ЈаваСцрипт. Да бисте листу важан мало, би;

• Скрипти није потребно
• Цросс-бровсер

Како ми то радимо?

Урадите нешто у ИЕ 5 само
<!--[if IE 5]> Welcome to Internet Explorer 5. <![endif]-->

Урадите нешто у свим верзијама ИЕ
<!--[if IE]>
<link href="css/ie.css" rel="Stylesheet" type="text/css" />
<![endif]-->

Урадите нешто у свим верзијама ИЕ новијих да ИЕ 5
<!--[if gte IE 5]>
<script type="text/javascript"><!--
alert("Congratulations! You are running Internet Explorer 5 or greater.");<br />
// --></script>
<![endif]-->

За више условних вартиатионс, прочитајте ове информације на МСДН:
О Условно Коментар

Да ли сте некада приметили, како једноставне ствари једноставно одбија да ради у ИЕ6 ... лоцатион.хреф је управо таква ствар.

Ако сте додали онцлицк функција на вашем анцхор тага као што је доле ...

<а хреф="јавасцрипт:воид(0);" онцлицк="онЦлицкЛинк('ккк');"> идите на новој локацији </>

Са неком функцијом као што је овај ...
Функција онцлицкЛинк (ид) {
вар ури = "тест2.хтмл ид =?" + ид;
виндов.лоцатион.хреф = УРИ;
}

Да би ваш ироније, приметили би сте да је такав комад једноставног скрипта одбија да ради у ИЕ ... Па! Ја могу да дискутују овде разлоге, али не мислим да ће бити корисно ... Мада, ја изгледа да имамо решење ... (Кладим се да ако разумете Јавасцрипт, ви ћете разумети зашто смо додали ово твеак за ИЕ6)

Решење

<а хреф="јавасцрипт:воид(0);" онцлицк="онЦлицкЛинк('ккк'); повратак фалсе; "> идите на новој локацији </>

Ако вас било једноставне одговоре, молимо вас да напишете коментар. То ће заиста бити аппретиатед, кладим се, по многима!

Ако сте писање ЦСС за неко време, можете имати искуство у оним тренуцима када сте буквално извуците своју косу када су ваши распореди ЦСС изгледао добро у свим новим бровсерима (мислим прегледаче најкасније до ИЕ6), али ИЕ 6 баца тантрум. Ви се боре тешко да се прилагоди свој ЦСС, али то не ради ... Па! Пробајте ове хакерисање ...

1. Ундерсцоре Хацк: -
По дефиницији, ЦСС 2.1 спецификација дозвољава подвлаку ("_") у ЦСС идентификатора. Али многи прегледачи и даље изгледа да игноришу било идентификује наставио са ундерсцоре, али ИЕ. Овај ИЕ буг / карактеристика тако постаје врло јасан начин да поставите ЦСС својства за ИЕН само. Зато запамтите, ЦСС имовину писани са ундерсцоре на старту је видљив за Интернет Екплорер (све верзије, али ИЕ 7)

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

Погледај демонстрација овај ундерсцоре хацк

Такође, мин-хеигхт хацк за ИЕ6 користи ундерсцоре хацк, цхецк оут

2. Хасх (#) Пијук: -
Као ундерсцоре хацк, овај један је превише је за ИЕС Оли, са добром разликом, имовинска идентификатори префикс # на почетку је видљив за све верзије ИЕ, ИЕ 7 и укључена је невидљив за било ког другог стандардног бровсер.

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

Овај хацк је лепо користи да демонстрира цросс-бровсер усклади вертикална решења, погледајте у овом чланку да бисте сазнали више наше

3. ЦСС за ИЕ6 само: -
#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*/
}

Ови Хацкс изгледа небо послати, када ништа друго не ради ... Ако било који од ових Хацкс једног дана спашава свој живот, не заборавите да ме третирају на кафу :)