Vue项目透明度opacity值设置百分比,打包上线后变成1%

今天开发上线app后,发现一个模块全部白屏不显示,瞬间引来全组人员的目光,吓死了!

后来发现长按空白却能复制,说明html结构是存在,应该就是显示问题,结果放到网页上一看css样式,发现模块最外面层有个opacity透明度样式值为1%

在这里插入图片描述
明明代码上写的是85%,后来一查。。。

解决方法:
把85%改为0.85

.result-content {
  background: #70c0ff;
  opacity: 0.85;
  height: 240px;
  ...
}

原因:(基础不扎实!!!)

opacity 的范围是 0-1

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值