Совместим с режимом совместимости лайтбокс? (IE),

Question

Совместим с режимом совместимости лайтбокс? (IE),

Я пытаюсь добавить лайтбокс на старый сайт. Этот сайт будет правильно отображаться только в IE 8 с включенным режимом причуд. Учитывая это ограничение, существуют ли плагины лайтбокса, которые работают правильно? Существуют ли обходные пути для плагинов, которые не поддерживают режим причуд?

Я пробовал ColorBox безуспешно ( часто задаваемые вопросы ColorBox прямо заявляет, что режим причуд не поддерживается).

1

jquery-plugins internet-explorer-8 lightbox colorbox quirks-mode

Источник

user1036646 10 июл '12 в 20:13

2 ответа

Решение

Похоже, режим поддержки причуд в слимбоксах, но я сам не пробую. http://www.digitalia.be/software/slimbox2

0

Источник

user526770 03 дек '12 в 13:27

Другие вопросы по тегам jquery-plugins internet-explorer-8 lightbox colorbox quirks-mode

user352765 10 июл '12 в 20:38 2012-07-10 20:38 · Accepted Answer · 2012-07-10 20:38

Сегодня практически ничего не доступно для правильной работы в режиме Quirks.

Режим Quirks устарел в 2001 году - в основном это режим совместимости с IE5. Если ваш код все еще использует его, то у него есть серьезная проблема. Безусловно, лучшим ответом будет обновление вашего сайта, чтобы он больше не использовал режим причуд.

Хорошей новостью является то, что это на самом деле не сложно, если вам нужно только поддерживать IE8 и выше, потому что IE8 поддерживает функцию CSS под названием box-sizing, (Это не работает в IE6 или IE7, поэтому режим причуд так долго не используется, но в IE8 это нормально)

box-sizing является стандартной функцией CSS, которая работает во всех браузерах и позволяет вам указать блочную модель для работы в режиме причуд.

Блочная модель является основным отличием между режимом quirks и режимом стандартов, поэтому для того, чтобы сайт, написанный для режима quirks, работал во всех браузерах, просто установите box-sizing по всему сайту: следующий код должен сделать это:

* {
   -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing:     border-box;
    box-sizing:        border-box;
}

Затем вы можете добавить тип документа и перевести сайт в режим стандартов, и он должен продолжать работать как прежде.

Как только вы это сделаете, вы сможете начать использовать некоторые современные функции браузера и новейшие библиотеки скриптов, такие как та, о которой вы спрашиваете.

Надеюсь, это поможет.