Image non transparente sur fond transparent.

Cédric 60 -  
pfdp0 Messages postés 168 Date d'inscription   Statut Membre Dernière intervention   -
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.



4 réponses

bik225 Messages postés 387 Date d'inscription   Statut Membre Dernière intervention   72
 
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.
0
Badx
 
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
0
pfdp0 Messages postés 168 Date d'inscription   Statut Membre Dernière intervention   12
 
ça fonctionne, mais il y a plus simple
0
pfdp0 Messages postés 168 Date d'inscription   Statut Membre Dernière intervention   12
 
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);
}
0
AssassinTourist Messages postés 6029 Date d'inscription   Statut Contributeur Dernière intervention   1 312
 
Bonjour,
Une des solutions t'a aidé ?
0