luoh_面向百度编程
2017-08-03 12:12
采纳率: 100%
浏览 5.0k
已采纳

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

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

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

11条回答 默认 最新

  • 子幽 2017-08-04 03:39
    已采纳

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

    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • cloudyzhao 2017-08-04 01:06
    评论
    解决 无用
    打赏 举报
  • 绵羊小 2017-08-04 01:23

    用css样式中的opacity属性

    评论
    解决 无用
    打赏 举报
  • 爬虫的爬虫 2017-08-04 01:33

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

    评论
    解决 无用
    打赏 举报
  • 算不算码农 2017-08-04 01:49

    背景层

        <div style="opacity:0.5;width:100%;height:100%;background:#000;position:fixed;top:0;left:0;z-index:-1"></div>
    
    评论
    解决 无用
    打赏 举报
  • mkmin 2017-08-04 06:13


    如果要整个屏幕就flexd,如果使用了opacity,请注意他的子项也是会基层这个属性的
    评论
    解决 无用
    打赏 举报
  • XianRenShan 2017-08-04 07:29
    评论
    解决 无用
    打赏 举报
  • 2b0x 2017-08-08 18:11

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

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

    评论
    解决 无用
    打赏 举报
  • carrykingdow 2017-09-14 09:34

    用css样式中的opacity属性

    评论
    解决 无用
    打赏 举报
  • caihuan19890113 2017-10-20 08:34

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

    评论
    解决 无用
    打赏 举报
  • Qizhen-Yang 2020-10-06 14:40
    *{background: #ffffff88;}
    
    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题