前端页面，给div标签设置透明度

近段时间在学习使用一些前端的知识，在使用一些开源的前端开源特效的时候，发现网页特效被前端的div块儿所遮挡。

　　代码如下：

　<div class="jumbotron" style="margin: 100;">
			<div class="container" align="center">
				<h2 class="text-info" style="font-family:宋体;font-weight:bold;font-size:49px">服务范围</h2>
				<br>
				<div class="text-muted">各项服务介绍</div>
				<br>
				<br>
				<p>
					<a role="button" href="#" target="_blank" rel="external nofollow"  class="btn btn-success">进入专区</a>
				</p>
			</div>
		</div>
           

效果如下：

　　

　　经过查阅网上资料，发现只要在标签中使用

background-color: rgba(R,G,B,透明度)

设置就行了。前三项数据是RGB，设置颜色的，一般使用0,0,0白色好，最后一项属性对应的透明度，取值在（01）之间，对应（0%100%）；

　　例如我对上述代码使用了透明度设置（对外层div块进行设置）：

　　```

　

·····略

效果如下图：

图中的小点点就是我添加的一个开源粒子特效，可以跟随鼠标连接附近的小点。

我把透明度设置为了0.01，即对应1%的透明度，可以看到明显变化，特效正常的显示出来了。

所以给前端标签设置透明度用：

background-color: rgba(0,0,0,0.1)

就行啦。