html整个网页在有一个背景图的情况下，怎么在盒子里加一个有透明度的背景，里面的图片和文字不要透明了？_随笔

<div style="background-color: rgba(0,0,0,0.3)">这是一个盒子的内容</div>

用以下方法可以将标签的背景颜色设置为半透明。

CSS rgba() 函数教程

图层透明可能有3种可能。

图层没有背景色或背景图片，其本身就是透明的，其中有文字、图片不透明，没有内容的区域可以直接看到下一层。

通过CSS样式表设置

filter:alpha(Opacity=50) /*IE支持，取值0-100*/

opacity: 0.5 /*HTML5浏览器，取值0-1*/

这种方法包括背景，内容的文字、图片、边框都会变为半透明。

3、做一张PNG图片，PNG图片支持透明和半透明甚至渐变透明。图层以这张图片作为背景。和第一种情况一样，背景是透明或半透明的，但内容是不透明的。

1、首先创建一个基础的html文件，并根据下图录入代码。

2、从html文件找到<body>标签，在这个标签里创建一个<div>标签并添加一个类，在这把这个类设置为：rgba。

3、在<title>标签后面创建一个<style>，并设置rgba类的高和背景透明度的样式（rgba(R,G,B,A)）。透明度参数，取值在0~1之间，不可为负值，透明度参数越小透明度越高。其中R，G，B，分别代表了红，绿，蓝三种颜色。

4、保存后使用浏览器查看，即可看到html的页面中背景的透明度就是设置的0.1。

欢迎分享，转载请注明来源：内存溢出

html整个网页在有一个背景图的情况下，怎么在盒子里加一个有透明度的背景，里面的图片和文字不要透明了？