当前位置:湖北11选5开奖号码>文章>CSS

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

湖北11选5开奖号码 www.lyrso.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会同时影响字体的透明度


相关阅读:

  • 德味手表了解一下 徕卡推出L1,L2机械表德味手表徕卡推出L1-手机行情 2019-04-10
  • 春节我在岗:爸妈,儿子在军营给您们拜年了 2019-04-10
  • 打倒控房抄者有理,去分房好! 2019-04-08
  • 井助国:我参与了审判日本战犯 2019-03-26
  • 陕西省延安市召开学习《共产党宣言》成果交流会 2019-03-24
  • 《泄密者》提档6.15 终极预告预知真相 2019-03-10
  • 内政部长威胁“单飞”,联盟党闹分裂,默克尔或下台? 2019-03-10
  • 余世存:阅读经典不仅是消费,也是责任 2018-12-11
  • 英国伦敦大学最新研究发现:单身的人老痴风险增四成 2018-08-09
  • 作用-热门标签-华商生活 2018-07-15
  • 国地税正式合并!一文读懂来龙去脉 2018-07-15
  • 918| 373| 392| 436| 656| 194| 567| 329| 85| 259|