image non transparente sur fond transparent. Fermé

Question

Bonjour,
j'ai bien cherché sur internet mais je suis tombé sur des sujets de 2005 disant que ce n'était pas possible, alors j'espère que depuis il existe une solution.

En fait sur ma page web, j'ai un fond transparent (afin de voir l'image de fond), 

#contenu{
-moz-opacity:0.7;
opacity: 0.7;
filter:alpha(opacity=70);}

Mais j'aimerai que lorsque que je mets une image dans cette div, l'image ne prenne pas la transparence de la div.

Comment faire ? merci par avance. 



Configuration: Mac OS X / Safari 534.54.16

bik225 · Answer

Hello! pour ta transparence, voici le code: 
#contenu { 
background: transparent; 
} 
Et pour que ton image ne prenne pas la transparence, met une image en .jpeg qui ne supporte pas la transparence.

Badx · Answer

Il faut avoir l'image en fond transparent avec .png, voila un petit Tuto :
http://osamix1900.blogspot.com/2012/03/comment-avoir-une-image-avec-un-fond.html

pfdp0 · Answer

tu mets ça:

#contenu
{
-moz-opacity:0.7;
opacity: 0.7;
filter:alpha(opacity=70);
}


#contenu img
{
-moz-opacity:1;
opacity: 1;
filter:alpha(opacity=100);
}

AssassinTourist · Answer

Bonjour, 
Une des solutions t'a aidé ?

Image non transparente sur fond transparent.

4 réponses

Discussions similaires