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


相关阅读:

  • 又帅又萌!来看90后洋女婿的跨国情缘 2019-06-21
  • 法国红酒法国拉菲珍藏波尔多法定产区红葡萄酒(ASC正品行货)【价格 品牌 图片 评论】 2019-06-18
  • 刘延东:把孔子学院办成中南人民心灵的“彩虹桥” 2019-06-18
  • 深圳晚报总编辑丁时照祝贺人民日报创刊70周年 2019-06-17
  • 《陕西省县域经济社会发展监测考评办法》解读 2019-06-16
  • 只看到“贫穷”而看不到“富裕”,只看到贫富差别而看不到其根源是社会财富被个人占为私有的私有制,都是片面错误的。 2019-06-16
  • 关于对部分载客汽车采取交通管理措施的通告 2019-06-14
  • 端午节赛龙舟!这样的龙舟比赛你见过吗? 2019-06-14
  • 傅抱石《琵琶行诗意》1.035亿元成交 2019-06-13
  • 张雨绮说一克拉以下的钻石是不值钱的 她说的对吗? 2019-06-09
  • 《神奇马戏团》欢乐宣传曲《嗷嗷嗷》上线 燃爆童心萧全 神奇马戏团 2019-05-20
  • 世界杯期间严查酒驾毒驾 江西警察前天又抓了167人 2019-04-26
  • 海印公园北片物业及配套停车场出租项目 2019-04-26
  • 西藏榜书家协会开展“文化带动企业发展”公益活动 2019-04-23
  • V社:Steam中国不锁区 但游戏上线需通过审核 2019-04-21
  • 香港赛马会六合彩信息网 代理福利彩票能赚钱吗 深圳体彩官方app 黑龙江11选5视频 香港六合彩聊天室 2019091期福彩开奖结果 北京快3可以网上投注吗 中国福利彩票20191116 开乐彩在哪销售 极速飞艇免费人工计划 江西快三走势图形态 陕西11选5开奖查询 浙江快乐12选5技巧 体彩老11选5 上海时时乐杀号公式