Любая идея, почему IE8 не позволяет мне ориентироваться на вложенные элементы, используя их идентификатор и имя класса с помощью CSS.

У меня есть веб-сайт, тело домашней страницы которого имеет имя класса: .homepage

Внутри тела есть div с id: #content.

Я просто хочу дать div #content домашней страницы фоновое изображение с помощью CSS следующим образом:

.homepage #content {
background: #FFFFFF url("image.jpg") no-repeat scroll 90% 30px;
}

Это работает во всех браузерах, кроме IE8 наоборот. Он работает в IE9.

В IE8 не появляется изображение.

Я делаю что-то не так или есть обходной путь?


css internet-explorer-8
person Toner    schedule 04.11.2010    source источник
comment
Я предполагаю, что .hompage — это опечатка, поскольку она не должна работать ни в одном браузере.   -  person Jason McCreary    schedule 04.11.2010
comment
@Toner: если #content является идентификатором, вы можете удалить .homepage, так как идентификатор должен быть уникальным на веб-странице.   -  person Michael Mao    schedule 04.11.2010
comment
@Micheal, нет, если ОП хочет нацелить контент только на домашнюю страницу.   -  person Jason McCreary    schedule 04.11.2010
comment
@jason, да, это был тип - исправлено.   -  person Toner    schedule 04.11.2010
comment
@Майкл, как и говорит Джейсон. Я просто хочу настроить таргетинг на раздел #content главной страницы. Этот div есть на всех страницах сайта.   -  person Toner    schedule 04.11.2010
comment
Я вижу, вы тоже исправили размещение цвета. Удалил мой ответ.   -  person BoltClock    schedule 04.11.2010
comment
Так это точное правило CSS? Это отличается от того, что было раньше...   -  person Jason McCreary    schedule 04.11.2010
comment
@jason, да, я только что переключил шестнадцатеричный код на передний план точно так же, как он есть в таблице стилей. Ранее я скопировал его из firebug, где он подталкивает его в конец правила.   -  person Toner    schedule 04.11.2010
comment
@Toner: попробуйте надстройку «Инструменты разработчика IE8» и посмотрите, что она говорит.   -  person BoltClock    schedule 04.11.2010
comment
@jason, да, но это правило не отображается, я полагаю, потому что оно его не распознает, но я признаю, что не так хорошо знаком с инструментами разработчика, как firebug.   -  person Toner    schedule 04.11.2010

Ответы (2)


arrow_upward
0
arrow_downward

Упростите это.

Попробуйте background:red;, затем background:red url(image.jpg) и медленно добавляйте значения, пока это не сработает.

Если ни один из них не работает, проверьте конфликтующие правила в таблицах стилей IE. Также попробуйте !important

person meder omuraliev    schedule 04.11.2010
comment
Я пошел дальше и сделал это и обнаружил, что в своем первоначальном правиле я не ставил пробел после URL-адреса и перед «не повторять». Вот почему он не отображался в IE8. Спасибо всем, кто пытался помочь. Моя ошибка. Я не знал, что после закрывающей скобки и перед «не повторять» нужен пробел. - person Toner; 04.11.2010

arrow_upward
0
arrow_downward

Проверьте его без свойства «прокрутки» и посмотрите, появится ли изображение.

person Robusto    schedule 04.11.2010