html能不能设置透明色背景

本篇内容介绍了“html能不能设置透明色背景”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

成都创新互联是一家企业级云计算解决方案提供商,超15年IDC数据中心运营经验。主营GPU显卡服务器，站群服务器，成都多线服务器托管，海外高防服务器，机柜大带宽、租用·托管，动态拨号VPS，海外云手机，海外云服务器，海外服务器租用托管等。

html中设置透明色背景的方法：1、直接使用“backgroud:rgba(R,G, B, A)”设置透明色背景。2、先使用“backgroud:颜色值;”样式来设置背景色；然后使用“opacity:透明度值”来给背景色添加一个透明度即可。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

html设置透明色背景

在html中设置背景颜色透明的方法有两种：一种是通过rgba方式设置，另一种是通过backgroud和opacity设置。

1、rgba方式

所谓RGBA颜色，就是RGB三原色加ALPHA。在给背景添加颜色的同时，提供透明度特性。

用法：

background:rgba(R,G, B, A);

• 红色（R）：代表颜色中的红色成分，0 到 255 间的整数（也可以使用百分比 0% ~ 100%）。

• 绿色（G）：代表颜色中的绿色成分，0 到 255 间的整数（也可以使用百分比 0% ~ 100%）。

• 蓝色（B）：代表颜色中的蓝色成分，0 到 255 间的整数（也可以使用百分比 0% ~ 100%）。

• 透明度（A）：代表透明度，取值 0（完全透明）~1（完全不透明） 之间。

下面我们就来看通过rgba方式设置背景颜色透明度的具体实例：

	
		
		
			div{
				width: 200px;
				height: 200px;
				line-height: 30px;
				text-align: center;
				margin: 0 auto;
			}
			.div1{
				background: rgba(220, 38, 38, 1);
			}
			.div2 {
				
				background: rgba(220, 38, 38, 0.2);
			}
		
	

	
		背景颜色，没有设置透明度