HTML+css中背景透明度怎么改?

我想给整个页面做个半透明的背景 HTML+CSS+JS 求教

background:transparent;
background-color: rgba(0,0,0,0.3);
这样的话背景透明了,而内容不影响

https://yq.aliyun.com/ziliao/177579

用css样式中的opacity属性

opacity设置透明度,
position和z-index设置层

背景层

    <div style="opacity:0.5;width:100%;height:100%;background:#000;position:fixed;top:0;left:0;z-index:-1"></div>


如果要整个屏幕就flexd,如果使用了opacity,请注意他的子项也是会基层这个属性的

背景半透明但内容不半透明:http://www.aimks.com/css-implementation-of-div-layer-translucent-and-opaque-background-content.html

先用一个div来存放背景图片

这样就可以弄一个透明度为50%的背景图片了

用css样式中的opacity属性

可以用opacity属性,再找找具体针对不同浏览器兼容的属性写法。

*{background: #ffffff88;}