Непрозрачность В div также непрозрачность Контент?

Question

Html::

<div id="Opacity"><span class="P">Here Is My P</span> 

Css:

#opacity { 
width:400px; 
height:400px; 
border:black 1px solid; 
opacity:0.3; 
background-color:black; 
} 

.P { 
font-family:cursive; 
font-size:24px; 
color:white; 
} 

но выходное слово также transparent.i хотите слово будет прозрачным, но Div становятся прозрачными Благодаря

Answer 1

opacity изменяет светопроницаемость всего элемента.

Если вы хотите полупрозрачный фон, затем установите фон к rgba() значения цвета или использовать полупрозрачный фоновое изображение.

background-color: rgba(0, 0, 0, 0.3); 

См. some guidance on compatibility measures.