Discussion :

[Juju54350]

Bonjour,


Je travaille en ce moment sur une page web sur laquelle existent plusieurs div qui contiennent une image en arrière-plan (toutes les images sont des .gif). Mais le problème est que ces images ne s'affichent pas sur Internet Explorer.
Existe-t-il une méthode en CSS pour contrer ça ou faut-il passer par du Javascript ?

Merci d'avance de votre aide.

[Bisûnûrs]

Normalement y a pas de raison, comme dirait l'autre. Donc sans code ou mieux, un exemple en ligne, on ne pourra pas t'aider.

[Juju54350]

Ok, voici un exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<div class="test"></div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
.test
{
    background-image: url('url');
    background-repeat: no-repeat;
    background-position: 5px 5px;
}

Et même en actualisant la page sur IE, je peux voir que les images s'affichent pendant un petit laps de temps et disparaissent quand la page est complètement chargée.

[Bovino]

Si ta div est vide et que tu ne lui donnes pas de dimensions, elle n'occupe pas assez d'espace (et en particulier en hauteur) pour pouvoir voir l'image de fond...

[Juju54350]

Non mais il y a quelque chose dans mon div, je lui définis même dans la classe une hauteur et une largeur. Je vous montre juste les propriétés CSS concernant l'image en arrière-plan. Maintenant je ne vois pas ce qui pourrait clocher vu que ça marche parfaitement sur Firefox.

[Bisûnûrs]

Oui, enfin là tu ne nous donnes que du code qui utilisé comme tel fonctionne dans tous les cas et sur tous les navigateurs.

Ce qu'on aimerait avoir c'est un exemple réel, de l'image dans son contexte, contexte qui semblerait faire "bugger" tes images sous IE.