背景透明度和opacity

背景透明度和opacity

background: rgba(7,17,27,1);

opacity: 0.5;

这两个同时存在时,opacity同样起作用;说明opacity的存在时会影响background的透明度的,所以跟兼容性无关,所以这样的重复设置透明度我个人觉得有问题的。没人会重复给透明度。

如果像老师所说是兼容性的话,

background: rgba(7,17,27,0.5);

opacity: 0.5;

的效果应该和单个

background: rgba(7,17,27,0.5);

效果一样才对,可是测试结果是并不是这样的,希望老师能给出解释。

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

background: rgba(7,17,27,0.5);

opacity: 0.5;

后面再写opacity会在前面的基础上再次设置透明度,所以透明度会比之前的更强。

这个也是老师个人的代码写法,你按照自己写法去写就可以!

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师