Невозможно стилизовать элементы HTML5 в IE (несмотря на shiv и display: block) - PullRequest
Новая
       4

Невозможно стилизовать элементы HTML5 в IE (несмотря на shiv и display: block)

1 голос
/ 21 февраля 2012

Не могу понять, чего не хватает.Все затронутые элементы имеют display:block

Пример стиля для элемента header: 

header
{
    width: 923px;
    height: 55px;
    background: #395168;
    margin-top: 25px;
}

Ответы [ 5 ]

1 голос
/ 24 февраля 2012

Решил проблему. Я сделал то, что поместил ссылку на скрипт под ссылкой на таблицу стилей, и вдруг IE 6-8 применил мои стили. 

<link rel="stylesheet" href="styles/style.css" type="text/css">

<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Большое спасибо за попытку помочь мне:)

1 голос
/ 21 февраля 2012

IE 6-8 не знает о теге header , поэтому стили не могут быть применены к нему.Чтобы IE мог понять этот тег, добавьте следующий скрипт в ваш head раздел. 

<script language='javascript'>
document.createElement('header');
</script>

Это решит вашу проблему.

0 голосов
/ 04 апреля 2014

Я сам столкнулся с этой проблемой сегодня, обновил до последней версии html5shiv (теперь она перенесена на Github здесь: https://github.com/aFarkas/html5shiv), переместила таблицу стилей выше ссылки на скрипт, все элементы имели отображение: набор блоков, но все еще не повезло в стилизации их ...

Я понял, что у меня нет разметки doctype в моей разметке - добавление: 

<!DOCTYPE html>

решило проблему, все стили теперь применены правильно - полное решение: 

<!DOCTYPE html>
<html>
    <head>
        <link href="/css/styles.css" rel="stylesheet" type="text/css">
        <script src="/js/html5shiv.min.js"></script>
    </head>
    <body>
        <!-- html 5 markup -->
    </body>
</html>
0 голосов
/ 21 февраля 2012

IE в настоящее время не позволяет применять стили к этим элементам.Я решил это, заключив их в другой div: 

<div class="header">
    <header>
    </header>
</div>

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

0 голосов
/ 21 февраля 2012

Может быть, просто попробовать дать ему класс?

...