l'image non transparente dans le bloc transparent

Question

de logo_area

{ 
background-color: #d9e670; 
filter:alpha(opacity=25); 
opacity:0.25; 
} 

et un autre div:

#logo_image 
{ 
background: url(../images/logo.png) no-repeat center 50%; 
} 

<div id="logo_area"> 
    <div id="logo_image"></div> 
</div> 

Bien sûr, logo_image est trop transparent. Pourrais-je le rendre non transparent dans un bloc transparent?

Answer 1

Je ne pense pas. Je ne suis pas sûr s'il est possible de l'amener à 100% transparent si le conteneur ne l'est pas.

Cependant, ce que vous pouvez faire est de mettre à l'extérieur du bloc, tels que:

<div id="logo_image"></div> 
<div id="logo_area"> 
</div> 

ensuite sur le logo bloc d'image, ajouter:

#logo_area 
{ 
    position: absolute; 
    height: x; 
    width: y; 
} 

Il devrait rester au-dessus de le logo div de la zone, mais ne pas en faire partie. Cependant, vous devrez peut-être définir la hauteur de la zone du logo, car l'image du logo ne l'étendra pas.