Discussion :

[Watier_53]

Bonjour,

J'ai un soucis dans mon site.
Je décris la situation :
J'ai un body avec une image et une couleur de fond dans ma feuille de style.

Code :

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

1
2
3
4
5
6
7
8
body {
	background: #d0e8f6 url("images/fond.gif") repeat-y;
    background-position: top right;
    top-margin: 0px;
    left-margin: 0px;
    right-margin: 0px;
    bottom-margin: 0px;
}

J'ai une div avec une image de fond.

Code :

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

1
2
3
4
5
6
7
8
9
10
div#trame {
	background: url("images/trame.png");
	position : fixed; 
	bottom : 0px;
	right : 0px;
	width: 200px;
	height: 200px;
	z-index:0;
 
}

Lorsque je redimensionne ma fenêtre l'image de ma div se retrouve par dessus tous mes autres composants de la page (table, autres div ...) or je voudrais que l'image passe derrière. J'ai essayé avec l'attribut z-index mais sans succès.

Merci pour votre aide

[Général03]

tu n'as pas oublié de mettre ton image dans ton 2e CSS ? Essaye avec background-image tu trouveras des infos ici http://xhtml.developpez.com/faq/?pag...ACKGROUND_fixe

[Watier_53]

En fait, ma div est dans une td qui elle contient l'image de fond. Je viens de changer le code je m'étais trompé

[Poulpynette]

C'est donc ?

[Watier_53]

Non pas du tout !

je résume la situation :

J'ai mon body avec une image de fond

J'ai une div (appelée trame dont le css est au dessus)

Je veux que cette div soit derrière tous les éléments de ma page.

[Poulpynette]

Alors peux-tu redonner le code complété avec ton td si c'est cet élément qui contient l'image de fond.