css - 只要元素具有 CSS 不透明度，Firebase 托管就会将其不透明度更改为 1%

Question

我正在使用 Vue.js 和 Firebase 开发一个网站。在本地，一切正常，我打算降低不透明度的按钮工作正常。每当我部署到 Firebase 托管时，该按钮会将其不透明度更改为 1%，因此变得不可见。我必须删除任何不透明度 CSS 才能正常工作，因为任何东西都会自动降低到 1%。正如我所说，仅在托管中发生，而在本地则按预期工作。任何想法可能会发生什么？我已经构建和部署了几次以解决可能发生的任何构建错误。

标签： cssvue.jssassfirebase-hosting

Answer 1

这听起来像是人们在使用 Sass时遇到的常见问题。

Sass 中的百分比与其他所有单元一样工作。它们不能与小数互换，因为在 CSS 中小数和百分比意味着不同的东西。例如，50% 是一个以 % 为单位的数字，Sass 认为它​​与数字 0.5 不同。

不要在 CSS 中使用百分比，而是将它们更改为等效的十进制表示。

例如，使用opacity: 0.8;代替opacity: 80%;