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

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

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

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

解决方法:
把85%改为0.85

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

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

opacity 的范围是 0-1

猜你喜欢

转载自blog.csdn.net/weixin_44786330/article/details/128861656