afficher image au dessus d'une photo produit

[ultraxa]

je m'esplique

dans mon catalogue proudit

voici la ligne de code

<p>

<a href="{$product.link|escape:'htmlall':'UTF-8'}" class="product_img_link" title="{$product.name|escape:'htmlall':'UTF-8'}">

<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'large')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} />

</a>

</p>

 

 

je souhaiterias retracer le contour de l'image produit par une image png

 

j'ai donc mi dans mon css

 

 

#center_column .categorie_product img {

background-image: url(../img/contour.png);

background-repeat: no-repeat;

}

 

 

et pour autant rien ne s'affiche car je pense que l'image du produit prend le dessus

 

comment faire?

merci

[Oron]

Bonjour

 

Pourquoi mettre une image de fond, ce serai pas mieux de mettre des bordures ?

[ultraxa]

en faite je doit mettre une image de fond pour le coutour mais egalement quand le produit est en solde

pas en solde : contour seul

en solde: contour d'une autre couleur + image solde

 

dans tous les cas meme pour mon image solde , il faut que ca soit au dessus de l'image

 

 

ps le z-index:1000 ; j'ai deja essayé ca fonctionne pas

[ultraxa]

personne n'a une idée ?