Почему фоновое изображение не отображается в IE?

Я разрабатывал веб-сайт с помощью Wordpress и начал выполнять тестирование в разных браузерах, и я с разочарованием обнаружил, что основное фоновое изображение моего заголовка не отображается в IE9, IE8 или IE7 - и, скорее всего, не в IE6.Почему фоновое изображение не отображается в IE?

Я относительно новичок в CSS и не могу понять, в чем проблема. Я искал многие темы справки и форумы и не нашел ответа на мою конкретную проблему, поэтому, если бы кто-то угодил мне любезно, я был бы очень признателен.

Заранее благодарен!

Вот ссылка на сайт: http://www.godlygirlhood.org/sandbox

Вот CSS код для заголовка:

#branding { 
    width: 1015px; 
    height: 559px; 
    margin: auto; 
    background-color: #f2e9b3; 
    background-image: url(http://godlygirlhood.org/sandbox/wp-content/uploads/2012/01/GG-header_1015px.png); 
    background-repeat: no-repeat; 
}

источник

2012-05-10 blonde_designer

Это прекрасно выглядит для меня. Убедитесь, что вы очистили файлы кэша и временные файлы. –

Похоже, что вы используете тег заголовка HTML5, который не поддерживается в версиях IE старых чем 9. Вы можете добавить поддержку тега, используя скрипт polyfill, такой как Modernizr, или смените тег заголовка на div

источник

2012-05-10 21:03:55

Я не хочу звучать глупо, но как мне это сделать, @GeoffWarren? Спасибо за помощь. –

Вам нужно либо отредактировать html, чтобы изменить тег, либо проверить [modernizr.com] (http://modernizr.com/) для получения инструкций о том, как реализовать полипол. –

Спасибо, я проверю эти варианты! –

Он отлично выглядит для меня в IE9. Попробуйте очистить кеш и посмотреть, исправляет ли он это. Это может быть проблема кэширования.

источник

2012-05-10 21:04:15

У меня был друг, проверяющий его с IE9, и он сказал, что он не отображается, но, возможно, это сейчас ... но не показывается - несмотря на очистку кеша - в моем IE7. Однако, спасибо! –

Я смущен ... это или сейчас не работает? –

Извините за путаницу: у меня нет IE9. Мой друг делает, и он сказал, что раньше он не показывался. После его обратной связи я обнаружил некоторый код, который, возможно, был проблемой, и исправил его, так что, возможно, поэтому он отображается в IE9. Но он не отображает мой IE7, несмотря на мое исправление CSS. –

Основываясь на советах @ GeoffWarren и последующих исследованиях, я обнаружил плагин Wordpress, чтобы легко позаботиться обо всех тегах HTML5, которые не поддерживаются в IE8 и ниже: http://wordpress.org/extend/plugins/html5shiv/ Для тех, кто использует WP и испытывает схожие трудности с header tag, это быстро решит проблему.

Спасибо, @GeoffWarren и @JamesJohnson за ваши предложения и помощь.

источник

2012-05-16 17:31:44

Почему фоновое изображение не отображается в IE?

ответ

Смежные вопросы