CSS + IE 6 = Fond-Image ne montre pas (et en tirant les cheveux)

Question

J'ai une page Web. Cette page Web semble correcte dans IE 7, 8 FF 2, 3, 3.5 Safari 3, 4 Opera 9, 10 et Chrome. Essentiellement tout sauf IE 6.

La mise en page semble même très bien. La seule chose qui ne fonctionne pas comme prévu, c'est qu'aucune image d'arrière-plan ne s'affiche correctement. Voici le code que je suis en train d'appliquer une image d'arrière-plan:

<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> 

Ma structure de répertoire ressemble à ceci

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

S'il vous plaît noter que les informations CSS fournis sont en fait dans mystyle.css. Cependant, dans un effort pour "déboguer" cela, j'ai déplacé le code CSS en ligne avec le code HTML. Qu'est-ce que je fais mal?

Merci Qu'est-ce que je fais mal? Ça me rend dingue!

Answer 1

'/../../Images/divBG.jpg' ne contient pas le dossier d'application

peut-être ./Images/Application/divBG.jpg

Answer 2

Retirez les guillemets dans la partie url ('...'). Ce ne sont pas nécessaires et pourraient causer des problèmes. En outre, l'URL doit être url(Images/Application/divBG.jpg), et non url(/../../Images/divBG.jpg), au moins si vous faites le CSS en ligne dans le fichier index.html. Si vous faites le CSS dans le fichier css, il devrait être url(../../Images/Application/divBG.jpg') (notez, NO barre oblique).

Answer 3

Essayez ceci:

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