HTML5 проверен W3C (работает в Chrome, Firefox, Safari) Черный экран в IE8

Question

Вечер всех.

Я создал базовый сайт HTML5. Проверяется в валидаторе W3C. Кажется, он отлично работает в Chrome, Safari, Firefox и т. Д. Однако при открытии страницы в IE8 у меня просто появляется черный экран.

Сайт можно найти по адресу www.soultrainer.co.uk

Я предположил, что пропустил скобку или что-то в этом роде. Однако я получаю 0 сообщений об ошибках в консолях ошибок и просматривая код, я не вижу никаких ошибок.

Любая помощь будет принята с благодарностью.

P.S. Я также могу просмотреть дерево документов в IE8 Developer Tools.

Спасибо
Gary

Answer 1

Если вы посмотрите, как IE решил проанализировать эту страницу с помощью инструментов разработчика, он поместил все в голову и оставил тело пустым узлом.

Это потому, что вы открываете голову, ноникогда не закрывайте его;) Удаление открывающей головки (а также закрывающего тела, у которого нет отверстия) должно решить эту проблему, если нет, просто заключить содержимое головки в голову и содержимое тела в тело:)

инструмент (все еще не идеальный на 100%) - инструмент HTML Lint .Вам не нравится ваша текущая структура, однако, если я скопирую ее на вкладку «Lint By Direct Input» и удалю тег head и / body, тогда все будет в порядке:)

Answer 2

    #overlay{
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        background-color:rgba(0,0,0,0.8);           
    }

Может быть, это так?Попробуйте комментировать некоторые вещи и тестировать.Вы можете легко узнать, что это такое.

Похоже, у вас есть CSS3 для body bg.Попробуйте закомментировать этот материал, возможно, IE не сможет разобрать его должным образом.

Answer 3

Вам не хватает открывающего HTML-тега вверху.