我想给整个页面做个半透明的背景 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>
背景半透明但内容不半透明:http://www.aimks.com/css-implementation-of-div-layer-translucent-and-opaque-background-content.html
先用一个div来存放背景图片
这样就可以弄一个透明度为50%的背景图片了
用css样式中的opacity属性
可以用opacity属性,再找找具体针对不同浏览器兼容的属性写法。
*{background: #ffffff88;}