当前位置:湖南快乐十分走势图>文章>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会同时影响字体的透明度


相关阅读:

  • 【省水保院】召开党风廉政建设领导小组会议 2018-12-08
  • 阿不都20+5王哲林14分 红队20分大胜复仇澳联队 2018-07-26
  • 深圳市低碳产业投资商会来保定市考察 2018-07-25
  • 福州率先出台人才共有产权住房政策 工作满12年可获完全产权 2018-07-24
  • 【十九大·理论新视野】动漫:“伟大工程”如何造就 2018-07-23
  • 淘票票实施全链路营销策略,推动电影宣发进入“共振”时代 2018-07-22
  • 【幸福是奋斗出来的】邵书琴:扎根边疆磨砺闪光青春 2018-07-21
  • 主人遗弃、行业混乱 狗的问题其实是人的问题 2018-07-21
  • “哈尔滨之夏”促“绿水青山”成为新增长极 2018-07-20
  • 楼市下半年或持续降温 房地产长效机制加速推进 2018-07-20
  • 一村一品!安徽推广“四带一自”产业扶贫模式 2018-07-19
  • 浙江杭州:西湖高等研究院正式起航 2018-07-19
  • 465| 817| 530| 230| 153| 292| 311| 134| 765| 515|