#css #internet-explorer #html #internet-explorer-7
#css #internet-explorer #HTML #internet-explorer-7
Вопрос:
По какой-то странной причине любые стили фона, которые я установил на своем (загружаются в модальном режиме, если это имеет какое-либо значение), не отображаются в 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> , но мне нужно это маленькое изображение close, и даже когда я попытался извлечь его, я столкнулся с той же проблемой (плюс все это «кажется» проверенным).
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. Все, что я продолжаю получать, это белый фон (который действительно не работает, когда у меня белый текст в блоке!).
Заранее спасибо за любую помощь.
Комментарии:
1. hgroup был представлен как часть HTML 5, насколько я знаю, IE7 и IE8 не поддерживают этот тег.
Ответ №1:
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>
Ответ №2:
загружается в модальном режиме, если это имеет какое-либо значение
Использует ли ваше модальное окно iframe ?
Если это так, вам также необходимо запустить ваш скрипт вставки элемента HTML5 внутри iframe .
Комментарии:
1. Только что обнаружил это непосредственно перед тем, как вы опубликовали этот ответ… Я снова проверил код, и, поскольку это был модальный, используя Shadowbox, мы загружали эту форму как iFrame, и прокладка не была объявлена в заголовке страницы, загружаемой в модальный … таким образом, распознавание HTML5 отсутствует.
Ответ №3:
Используйте заточку HTML5.
На слегка несвязанном примечании вы используете <hgroup> неправильно. Предполагается, что он должен содержать только один или несколько элементов hN, и ничего больше.
Используя приведенный выше код, вы должны использовать <header> вместо этого.