Image non transparente sur fond transparent.

Cédric 60 -  
pfdp0 Messages postés 191 Statut Membre -
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

  1. 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
  2. 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
    1. pfdp0 Messages postés 191 Statut Membre 12
       
      ça fonctionne, mais il y a plus simple
      0
  3. pfdp0 Messages postés 191 Statut Membre 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
  4. AssassinTourist Messages postés 409 Date d'inscription   Statut Contributeur Dernière intervention   1 313
     
    Bonjour,
    Une des solutions t'a aidé ?
    0