Opacity img

Fermé
cougarosx - 19 juil. 2011 à 16:47
 cougarosx - 19 juil. 2011 à 17:06
Bonjour,

Voilà mon problème :

J'ai deux div, une qui me sert de background ou je positionne mes autres div a l'intérieur, et mon autre div avec une image.
J'ai une opacity 0.7 sur ma div background ce qui entraine donc une opacité de 0.7 dans toutes mes div a l'interieur de celle-ci sauf que, moi je voudrais que mon image est une opacité de 1. Jai lu pas mal de forum mais aucun mention l'opacité avec une div dans une autre. je demande donc a l'aide.

Voici a quoi ressemble mon code :

Partie HTML :
<div id="divid1" style="display:none">
<div id="menutop_img"><img src ="/joomla/rpt/templates/RPT_project/menutop_img/image.jpg"/>
</div>
...
...
...
...
</div>

Partie CSS :
div#divid1 {
position:absolute;
margin-top:-120px;
margin-left:150px;
width:700px;
height:475px;
background-color:#ECBA3B;
opacity:0.7;
list-style-type:none;
text-decoration:none;

div#menutop_img {
width:625px;
margin:0 auto;
margin-top:10px;
opacity:1;
}

Pour résumé : #divid1--->background avec opacity 0.7
#menutop_img--->image avec opacity 1 mais qui a cause de l'héritage deviens un opacity 0.7

Merci pour l'aide future !!

CougarOSX


A voir également:

2 réponses

hervé56 Messages postés 269 Date d'inscription lundi 15 novembre 2010 Statut Membre Dernière intervention 25 mars 2017 10
19 juil. 2011 à 16:57
==> inherit
mais je suis pas sur sur l'opacité
0
Je viens d'essayer et effectivement inherit ne fonctionne pas avec l'opacité :x
0