Счетчики контента CSS ломают CSS в IE

Question

Я ожидаю, что сайту потребуется несколько настроек для работы в IE, хотя на этот раз кажется, что что-то полностью нарушает CSS в режиме совместимости с IE8.

Чтобы начать сверху с позиции логотипа, я добавил красный фон, чтобы проверить его местоположение, и это даже не отображается, хотя вы можете увидеть это в Firefox. Почему это не читается правильно?

Сайт

EDIT:

Я сузил это до точного кода, который приводит к сбою IE:

.content ol li:before {
content: counters(item, ".") ": "; 
counter-increment: item
}

Как я мог обойти это? Без добавления чисел вручную. Я хотел, чтобы нумерованный список работал так: 1.1.2 и т. Д.

Answer 1

Проработав эту проблему самостоятельно, чтобы избежать ошибки синтаксического анализатора IE7, измените:

content: counters(item, ".") ": "; 

до

content: counters(item , ".") ": "; 

Обратите внимание на пробел между элементом и запятой. Вы также можете заключить элемент в скобки, и он, кажется, работает со всеми основными браузерами, хотя выглядит немного нестандартно.

Answer 2

Прозрачные изображения PNG не работают в IE.

Вот хорошее объяснение и решение: http://24ways.org/2007/supersleight-transparent-png-in-ie6

Answer 3

Созданный контент не поддерживается в IE <8 (<a href="http://caniuse.com/#search=before" rel="nofollow"> см. Когда я могу использовать ... ).Краткий поиск не дал никакой очевидной альтернативы (прокладка и т. Д.).Можете ли вы просто признать, что IE6 / 7 не увидит ваши счетчики, или, возможно, использовать Chrome Frame ?