css中使用rgba和opacity设置透明度的区别

最新推荐文章于 2022-11-05 17:09:43 发布

aiweng3574

最新推荐文章于 2022-11-05 17:09:43 发布

阅读量201

点赞数

原文链接：http://www.cnblogs.com/wang-jun/p/4829649.html

版权

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会同时影响字体的透明度

转载于:https://www.cnblogs.com/wang-jun/p/4829649.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

aiweng3574

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css中使用rgba和opacity设置透明度的区别

1.使用rgba设置背景色的透明效果如下：<body> <div id="box"> 你好啊！ </div></body>body { background-color:red;}#box{ width:200px; height:2...
复制链接

扫一扫