Problème de z-index (image et bloc)

[Rivendell.]

 l'URL du forum : http://wildfire.forumactif.com
 la version de votre forum : phpBB2
 une capture d'écran du problème : https://i.imgur.com/rBvitrz.png
 votre statut sur le forum : fondatrice.

Bonjour à vous !
Bon, je viens poster ma question ici car j'ai un problème au niveau de mes z-index et je commence à en avoir un peu marre de pas trouver.

J'ai eu la bonne idée de personnalisé un peu plus le forum en ajoutant des images à faible opacité dans le profil, les catégories et la mise en page des sujets. Tout allait très bien, je m'occupais d'autres codes, j'actualisais souvent et à un moment donné, bam. Mes z-index ont arrêtés de fonctionner et toutes les images ce sont mises ben au-dessus des éléments où au départ ils étaient en-dessous. Depuis, je n'arrive plus à régler tout ça et j'pige pas pourquoi car tout allait très bien avant.    J'ai essayé de changer les valeurs des z-index etc, mais rien n'y fait .. Ci-dessus, vous trouverez une capture d'écran d'un des éléments qui s'est remis au-dessus alors qu'au départ l'image était belle et bien en-dessous du bloc et il faut qu'elle soit en dessous du bloc avec les info du dernier message posté. Et comme vous pouvez le voir sur le reste du forum, j'ai le même soucis avec d'autres images. Sauf une, qui est nickel. Merci d'avance !

css et template:

[Invité]

Coucou,

ton image est bien derrière, le fond est transparent donc évidemment tu vois dessous !!
j'ai mis un fond autre que transparent est c'est bon



Bien à toi

[Rivendell.]

Donc en fait, je galère depuis des jours, alors que ce sont juste les couleurs qui ont bugé ? j'me sens tellement stupide, je vais regarder ça. Merci. C'est quand c'est le plus simple qu'on y pense pas.

EDIT : mon dieu, en fait y avait une virgule en trop dans mon css pour le background. allez, je sors.
Merci. Par contre, je laisse le sujet ouvert car une seule image ne se met pas bien. Sur le même lien, il y a un cactus dans les catégories qui doit se mettre ben sous tout le bloc de la description, seulement je n'y arrive pas. On m'a parlé de balise parent, enfant, du fait que je devais mettre un cadre qui entoure ma description et l'image car comme l'image est installée, elle sera toujours au-dessus .. Voici les codes :

Code:

<span class="genmed desc">
                       {catrow.forumrow.FORUM_DESC}
                       <div class="imgcactus"></div>
                       </span>

Code:

.imgcactus {background-image: url(https://i.imgur.com/8VADnns.png);background-size: contain;background-repeat: no-repeat;position: absolute;opacity: 0.5;width:76px;height:73px;left: -37;top:3;}

span.genmed.desc {border: 1px solid;position:relative;width:475px;height:49px;font-size: 10px; text-align: justify; line-height: 11px; padding: 5px; display: block;z-index:10;}
.desc .texte {height:48px;overflow:auto;display:block;position:relative; z-index:20;}

Merci.

[Invité]

Coucou Rivendell.

Ton cactus est bien en dessous, c'est à cause du Padding: 5px;

Bien à toi

[Rivendell.]

Le soucis, c'est que sans le padding, ça fait vraiment très moche. Et comme il y a un background, on ne devrait quand même pas voir le cactus. La preuve avec le sabot sous la description et l'avatar, là il est bien en-dessous de tout. Une amie m'a dit que c'était parce que le cactus était DANS le bloc de la description, donc ça se mettra toujours comme ça, sauf si j'encadre le tout dans un autre bloc, mais j'ai pas tout compris et j'ai eu beau essayer, rien n'a change. De plus au départ, le cactus était hors de ce bloc là, je l'avais positionné avec left en position absolute, mais d'un écran à un autre, il ne se mettait pas correctement.

EDIT: j'ai trouvé.