html实现背景颜色透明，文字效果不透明

html实现背景颜色透明，文字效果不透明
通过伪元素的方式添加遮罩层（给背景颜色，层级，透明度，定位）即可，弹窗原理。

					
{{itemTitles}}
					
"bidDataAndIcon">
						
"leftData">
							评标时间：14:30:00 ;- ;18:30:00
						
						

							正在评标 
						
					
					

						

							
							张三
							离开
						
						

							
							张三
							进入
						
						

							
							张三
							离开
						
					
				
.contentLi {
	border-radius: 0px 45px 0px 45px;
	padding: 49px 40px 30px 39px;
	position: relative;
	z-index: 2;
	&::before {
		content: '';
		display: block;
		position: absolute;
		width: 8px;
		height: 174px;
		background: rgba(255, 114, 55, 0.39);
		left: 0;
		top: 0;
	}
	&::after {  //添加一个遮罩层   
		content: '';
		width: 100%;
		height: 100%;
		background: rgba(37,67,118,8);
		opacity: .8;
		top: 0;
		left: 0;
		position: absolute;
		z-index: -1;
	}