当前位置:湖南快乐十分走势图>文章>CSS

css中使用rgba和opacity设置透明度的区别(附图)

湖南快乐十分走势图 www.eh3l1.cn 1.使用rgba设置背景色的透明

效果如下:

<body>
    <div id="box">
        你好??!
    </div>
</body>
body {
    background-color:red;
}
#box{
    width:200px;
    height:200px;
    margin:100px auto;
    text-align:center;
    line-height:200px;
    color:white;
    background-color:rgba(182,255,0,.5);
}


2.使用opacity设置背景色的透明

#box{
    width:200px;
    height:200px;
    margin:100px auto;
    text-align:center;
    line-height:200px;
    color:white;
    background-color:rgb(182,255,0);
    opacity:0.5;
}

总结:通过2中效果的比较我们发现opacity会同时影响字体的透明度


相关阅读:

  • V社:Steam中国不锁区 但游戏上线需通过审核 2019-04-21
  • 谢森的专栏作者中国国家地理网 2019-04-15
  • 构建“选育管用带”培养链 磐安探索年轻干部培养“八法” 2019-04-15
  • 大学毕业生是不是越来越过剩?当然大学毕业生可以在多种行业就业,比如农村、服务业等等。不过,过剩还是一种极大的浪费。 2019-04-14
  • 陈坤9年之后重回小荧屏 2019-04-14
  • 端午节当天广州地铁延长1小时收车 2019-04-12
  • 期末评语少些“百搭句” 应最大限度地为学生成长服务 2019-04-01
  • 中船重工总经理孙波涉嫌严重违纪违法被查 2019-04-01
  • 当然,可这免费卡可以转给他人用,而这人并非是享有免费的人[微笑] 2019-03-30
  • 【省水保院】召开党风廉政建设领导小组会议 2018-12-08
  • 阿不都20+5王哲林14分 红队20分大胜复仇澳联队 2018-07-26
  • 深圳市低碳产业投资商会来保定市考察 2018-07-25
  • 福州率先出台人才共有产权住房政策 工作满12年可获完全产权 2018-07-24
  • 【十九大·理论新视野】动漫:“伟大工程”如何造就 2018-07-23
  • 淘票票实施全链路营销策略,推动电影宣发进入“共振”时代 2018-07-22
  • 298| 792| 933| 938| 883| 675| 258| 494| 754| 510|