Enfant non transparent dans parent transparent

Question

J'ai transparent div-block en html. Il y a un autre bloc d'enfant dedans. Est-il possible de rendre les divs enfants non transparents?

Answer 1

Je ne crois pas, mais vous pouvez faire quelque chose comme ceci:

<div style="position: relative"> 
    <div style="position: absolute; top: 0; left: 0; opacity: 0.5; z-index: 2;"> 
    </div> 
    <div style="position: absolute; top: 0; left: 0; z-index: 3;"> 
     <p>I'm fully opaque</p> 
    </div> 
</div> 

Cette technique superpose essentiellement une div sur le dessus de l'autre. C'est utile pour animer des images d'arrière-plan et pour d'autres situations mais peut ne pas être applicable à votre cas d'utilisation - vous devrez élaborer.

Answer 2

Non, ce n'est pas possible. Mais dans le cas où vous cherchez simplement un fond transparent, vous pouvez définir background-color en utilisant la construction rgba(RRR, GGG, BBB, AAA), dans laquelle le dernier nombre est la valeur de transparence alpha. Cela ne fonctionne que dans les navigateurs modernes.