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

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

10个回答

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

背景层

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

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

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

用css样式中的opacity属性

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


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

用css样式中的opacity属性

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐