Висловлюючи IT

Кілька місяців тому ми бачили, як ми могли б включити шматок CSS, яка була б видна тільки IE6 ( Для ІП тільки ). Є й інші способи для досягнення цієї мети, а також. Просто включите окремий CSS, специфічні для вашої цільової IE. це може бути досягнуто з тим, що називають умовні коментарі.

Умовні коментарі спосіб визначити тип браузера і його версії. Браузер виявлення проводиться для того, щоб зміст представлено в браузер спеціальний. Браузер виявлення можна зробити за допомогою різних методів. Цей метод має ряд переваг у порівнянні з попередніми методами, які включали стиль перемикання за допомогою JavaScript. Щоб перерахувати кілька важливих, буде;

• Сценарії не потрібно
• Крос-браузер

Як ми це робимо?

Зробіть що-небудь в IE 5 тільки
<!--[if IE 5]> Welcome to Internet Explorer 5. <![endif]-->

Зробіть що-небудь у всіх версіях IE
<!--[if IE]>
<link href="css/ie.css" rel="Stylesheet" type="text/css" />
<![endif]-->

Зробіть що-небудь у всіх версіях IE, що новий IE 5
<!--[if gte IE 5]>
<script type="text/javascript"><!--
alert("Congratulations! You are running Internet Explorer 5 or greater.");<br />
// --></script>
<![endif]-->

Для отримання додаткової умовної vartiations, прочитайте цю інформацію на MSDN:
Про умовний коментар

Чи помічали ви іноді, як прості речі просто відмовляється працювати в IE6 ... location.href саме такі речі.

Якщо ви додали функцію OnClick для вашого тега, як показано нижче ...

<a href="javascript:void(0);" onclick="onClickLink('xxx');"> перейти на нове місце </ a>

З деякою функції, як це ...
Функція onclickLink (ID) {
УАГ URI = "test2.html ID =?" + ID;
window.location.href = URI;
}

До ваших іронії, можна помітити, що такий шматок простий скрипт відмовляється працювати в IE ... Ну, Я можу обговорювати причини тут, але не думаю, що це буде коштувати ... Хоча, мені здається, є рішення ... (Б'юся об заклад, якщо ви розумієте, Javascript, ви зрозумієте, чому ми додамо це налаштування для IE6)

Рішення

<a href="javascript:void(0);" onclick="onClickLink('xxx'); повернення false; "> перейти на нове місце </ a>

Якщо у вас будь-який простий відповідь, будь ласка, написати коментар. Це буде дійсно appretiated, я впевнений, багато!

Якщо ви писали в той час як для CSS, ви повинні відчувати ті часи, коли ви буквально тягнути ваше волосся, коли ваш CSS макети виглядали добре в усіх нових браузерів (я маю на увазі браузерів IE6 пізніше), але IE 6 кидає істерику. Ви боретеся важко налаштувати CSS, але це не працює ... Ну! Спробуйте ці хакі ...

1. Підкреслення Hack: -
За визначенням, специфікація CSS 2.1 дозволяє підкреслення ("_") в ідентифікаторах CSS. Але багато браузери до сих пір, здається, ігнорують будь-які визначає приступив підкреслення, але IE. Це помилка в IE / функції таким чином, стає ясно спосіб встановити CSS властивості для ІП тільки. так що не забудьте, властивість CSS написаний з підкреслення на початку видна для Internet Explorer (всі версії, але IE 7)

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

Переглянути демонстрацію цього підкреслення рубати

Крім того, хв висота хак для IE6 використовує підкреслення рубати, перевірити

2. Решітка (#) Hack: -
Як підкреслюють рубати, на цей раз занадто для ІП Оли, з хорошою різницею, майно ідентифікатори починаються з # про початок видна для всіх версій IE, IE7 включений і невидимим для будь-якої іншої стандартний браузер.

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

Цей хак був використаний добре, щоб продемонструвати крос-браузер вертикального вирівнювання рішення, подивіться на цю статтю, щоб знайти наш більше

3. CSS для IE6 тільки: -
#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*/
}

Ці хакі здається послання з небес, коли нічого не працює ... Якщо будь-який з цих хакі зберігає життя коли-небудь, не забудьте пригостити мене кавою :)