«Пинок старому IE по...»

Уведомление о том, что браузер IE9(и меньше) устарел. Для ЛЮБОГО сайта.

<!--[if lte IE 9]> - Версия 9(включая) и меньше

Вариант 1.

<!--[if lte IE 9]>
    <div style="text-align:center;background:#dd5544;padding:10px;">
        <h3 style="color:#ffffff;margin:0;padding:0;">
            Ваш Браузер Internet Explorer УСТАРЕЛ! Обновите его до версии 10 или 11
        </h3>
        <p style="margin:10px 0 0 0; padding:0;">
            <a style="color:#ffffff;font-weight:bold;" href="http://windows.microsoft.com/ru-ru/internet-explorer/ie-11-worldwide-languages" target="_blank">
                Перейти на ОФИЦИАЛЬНУЮ СТРАНИЦУ Microsoft
            </a>
        </p>
    </div>
<![endif]-->

Вариант 2.

<!--[if lte IE 9]>
    <div style="text-align:center;background:#dd5544;padding:10px;">
        <h3 style="color:#ffffff;margin:0;padding:0;">
            Вы пользуетесь устаревшей версией браузера Internet Explorer.
        </h3>
        <p style="color:#ffffff; margin:5px 0 0 0; padding:0; font-size:15px;">
            Данная версия браузера не поддерживает многие современные технологии, из-за чего многие страницы отображаются некорректно, а главное — на сайтах могут работать не все функции.
        </p>
        <p style="margin:10px 0 0 0; padding:0;">
            <a style="color:#ffffff;font-weight:bold;" href="http://windows.microsoft.com/ru-ru/internet-explorer/ie-11-worldwide-languages" target="_blank">
                Перейти на ОФИЦИАЛЬНУЮ СТРАНИЦУ Microsoft
            </a>
        </p>
    </div>
<![endif]-->

Вариант 3. (Сам использую)

Этот вариант будет зафиксирован сверху, т.е. при скроллинге вниз уведомление будет оставаться сверху, при этом перекрывая информацию за собой.

<!--[if lte IE 9]>
    <div style="width:100%;text-align:center;background:#dd5544;padding:4px;position:fixed;left:0;z-index:100;">
        <h3 style="color:#ffffff;margin:0;padding:0;">
            Хватит кататься на старом осле! Ваш Internet Explorer УСТАРЕЛ!
        </h3>
        <p style="color:#ffffff; margin:5px 0 0 0; padding:0; font-size:15px;">
            Пора бы уже скачать себе нормальный браузер! Скачивайте, конечно же, с официальных сайтов.
        </p>
        <p style="color:#ffffff;margin:5px 0 0 0; padding:0; font-size:20px;">             <strong>opera.com</strong>   или   <strong>firefox.com</strong>   или   <strong>google.com/chrome</strong>
        </p>
        <p style="color:#ffffff;margin:5px 0 0 0; padding:0; font-size:15px;">
            Жду Вас тут с новым браузером.
        </p>
    </div>
<![endif]-->

Операторы, применяемые в условных комментариях

Оператор Описание Пример Комментарий
() Группирование дополнительных условий. Используется для создания сложных запросов с логическими операторами. [if !(IE 6) & (lt IE 9)] Все версии, кроме IE6 и IE9.
! Логическое НЕ. Условие истинно, если условие следующее за ! не выполняется. [if !(IE 7)] Все версии, кроме IE7.
& Логическое И. Предназначено для объединения нескольких условий. Возвращает true, если все условия выполняются. [if (gte IE 6) & (lt IE 8)] IE6, IE7.
| Логическое ИЛИ. Возвращает true, если хотя бы одно из условий выполняется. [if (IE 6) | (IE 7)] IE6 или IE7.
lt Оператор «Меньше». Условие истинно, если версия младше указанной. [if lt IE 9] Все версии младше IE9.
lte Оператор «Меньше или равно». Условие истинно, если версия младше указанной или совпадает с ней. [if lte IE 8] Все версии младше IE9.
gt «Больше». Условие истинно, если версия старше указанной. [if gt IE 7] Все версии старше IE7.
gte «Больше или равно». Условие истинно, если версия старше указанной или совпадает с ней. [if gte IE 7] IE7, IE8, IE9

Таблица взята из htmlbook.ru/