Internet Explorer 8 'background-color' issue

Question

При просмотре http://joelkidd.co.uk/test в 75% браузеров, сайт выглядит отлично. Однако, как обычно, что-то меньшее, чем Internet Explorer 9 и сайт выглядит как бомба, поразило его. Сегодня утром я сел, чтобы создать отдельную таблицу стилей, и я делаю это прямо сейчас, однако я столкнулся с проблемой (это мой первый бит работы по совместимости и т. Д.).

Когда я устанавливаю фоновый цвет элемента заголовка (и других divs, если на то пошло), он полностью игнорируется. Если вы просматриваете сайт в любом (большинстве) других браузерах, вы увидите большой бархатный фон, который покрывает верхние 20% (примерно) страницы.

Если бы кто-нибудь мог сказать мне, почему это происходит, я бы очень признателен.

Спасибо, Joel

Answer 1

Я чувствую вашу боль. Кажется, я знаю вашу проблему. Вам нужно включить этот немного кода javasctipt: https://code.google.com/p/html5shiv/

Поскольку вы используете теги HTML5, например <header> IE6, 7 и 8 понятия не имеют, что они означают. В том числе, что немного яваскрипта кода он будет в основном делают элементы HTML5 появляются больше как <div> в IE6, 7 и 8

Конечно ваш другой вариант, чтобы изменить все элементы HTML5 для <div>, например: <div id="header"> вместо от <header>. Это также означает изменение всех ваших CSS.