bonjour

Je n'arrive pas a enlever ma transparence du div textaiem2 quelqu'un sait pourquoi ?

<div class="blocpaiem2">
<div class="textaiem2" >

</div>
</div>

css

.blocpaiem2 {
height: 100%;
width: 100%;
top:0px;
left:0px;
position: fixed;
z-index:9;
background-color:black;
opacity: 0.5;
filter:alpha(opacity=50);
-moz-opacity:0.5;
text-align: center;
}

.textaiem2{
padding: 10px 20px;
margin: 250px auto;
-moz-opacity:1;
filter:alpha(opacity=100);
opacity: 1;
display: inline-block;
z-index:10;
background-color:#e3e3e3;
color: black;
font-family: "Times New Roman";
text-align: center;
font-size:17px;
border: 3px ridge #014464;
border-radius: 10px;
}

Bonjour, parce que la propriété opacity agit également sur les enfants, et on ne peut modifier l'opacity des enfants.Comme la doc l'indique utilise rgba(). 

https://developer.mozilla.org/fr/docs/Web/CSS/opacity