图片背景色及透明度,影响字体颜色

近期写到背景色需要设置透明度,继承性问题影响了字体颜色展示.
解决:需要将background和opacity改为background-color:rgba(24,131,226,0.3)替换方式
示例代码如下:

<div class="className">
	<h4>我是标题党</h4>
</div>

<style>
//错误写法
.className{
	width:200px;
	height:200px;
	background:#1883e2;
	opacity: 0.3;
}
//正确写法
.className{
	width:200px;
	height:200px;
	background-color:rgba(24,131,226,0.3)
}

h4{
	text-align:center;
	font-size: 28px;
	color: #ffffff;
}
</style>