CSS + IE 6 = Background-Image не показывает (и вырывает волосы)

Question

У меня есть веб-страница. Эта веб-страница выглядит правильно в IE 7, 8 FF 2, 3, 3.5 Safari 3, 4 Opera 9, 10 и Chrome. По сути все, кроме IE 6.

Макет выглядит даже отлично. Единственное, что не работает должным образом, это то, что ни одно из фоновых изображений не отображается должным образом. Вот код, к которому я пытаюсь применить фоновое изображение:

<div id="theDiv" style="height:29px; width: 100%; background-image: url('/../../Images/divBG.jpg');position:absolute; top:10px;">
  <ul style="list-style-type:none; position:relative; display:inline;">
    <li style="position:relative; display:inline;">Item 1</li>
    <li style="position:relative; display:inline;">Item 2</li>
  </ul>
</div>

Моя структура каталогов выглядит следующим образом

root
-- index.html
-- Images
-- -- Application
-- -- -- divBG.jpg
-- Styles
-- -- Application
-- -- -- mystyle.css

Обратите внимание, что предоставленная мною CSS-информация находится в mystyle.css. Однако, пытаясь «отладить» это, я переместил код CSS в линию с кодом HTML. Что я делаю не так?

Спасибо Что я делаю неправильно? Это сводит меня с ума!

Answer 1

Извлеките кавычки в части URL ('...'). Это не обязательно и может вызывать проблемы. Кроме того, URL-адрес должен быть url(Images/Application/divBG.jpg), а не url(/../../Images/divBG.jpg), по крайней мере, если вы используете встроенный CSS-код в файле index.html. Если вы делаете CSS в файле css, он должен быть url(../../Images/Application/divBG.jpg') (обратите внимание, НЕТ начального слеша).

Answer 2

'/ .. / .. / Images / divBG.jpg' не содержит папку приложения

возможно ./Images/Application/divBG.jpg

Answer 3

Попробуйте это:

'../../Images/divBG.jpg'