IE7 & IE8 <hgroup>цвет фона

Question

По какой-то странной причине любые стили фона, которые я установил (загружая в модальном режиме, если это имеет какое-либо значение), не отображаются в IE7 или IE8. Все это прекрасно выглядит во всех других (настоящих) браузерах (включая IE9). Мой код выглядит следующим образом:

<hgroup>
<h6>Request Information Form</h6>
 <a href="#" onClick="closeModal(); return false;"><img src="/images/x-close.png" alt="Close" class="close" /></a>
</hgroup>

Я знаю, что вы не должны помещать что-либо кроме <h1>-<h6> в <hgroup>, но мне нужно это маленькое близкое изображение там, и даже когда я попытался вытащить его, я столкнулся с той же проблемой (плюс все это «кажется» подтверждено).

CSS это:

hgroup {
position: relative;
width: 668px;
height: 32px;
margin: 0 0 16px;
padding: 14px 14px 0 14px;
background: #B66115 url(/images/modal_header_bckgrnd.png) repeat-x 0 0;
font: normal 20px/20px 'crimson Text',Georgia,serif;
color: #F6F5EE;
}

Кроме того, я объявил <hgroup> как display:block, и я использую прокладку IE. Все, что я продолжаю получать, это белый фон (который действительно не работает, когда у меня белый текст в блоке!).

Заранее спасибо за любую помощь.

Answer 1

загружается в модальном, если это имеет значение

Использует ли ваше модальное окно iframe?

Если это так, вам также нужно запустить свой скрипт shim элемента HTML5 внутри iframe.

Answer 2

IE7 и IE8 не загружают имена тегов html5 в документ. Любые нераспознанные теги игнорируются. Попробуйте добавить немного javascript, чтобы добавить их вручную (или используйте что-то вроде modernizr.js).

<script>
document.createElement('header');
document.createElement('hgroup');
document.createElement('nav');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');
</script>

Answer 3

Используйте HTML5 Shiv .

В слегка не связанной ноте вы используете <hgroup> неправильно. Предполагается, что он содержит только один или несколько элементов hN и ничего более.

Используя ваш код выше, вы должны использовать <header>.