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

【问题标题】：Firebase hosting changes an element's opacity to 1% whenever it has CSS opacity只要元素具有 CSS 不透明度，Firebase 托管就会将其不透明度更改为 1%
【发布时间】：2021-01-21 12:33:50
【问题描述】：

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

【问题讨论】：

需要在您的问题中添加相关代码。
嗨。我没有添加任何东西，因为它是一行 CSS。它只是设置按钮的不透明度，没有别的。感谢指正，如果有需要我会加的没问题。

标签： css vue.js sass firebase-hosting

【解决方案1】：

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

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

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

例如，使用opacity: 0.8; 而不是opacity: 80%;

【讨论】：

谢谢。我会尝试这样做。如果我在整个项目中一直使用百分比，知道为什么现在会给我这个问题吗？
不确定，有时对于 javascript 框架，它取决于它是否是特定于组件的 CSS，但很难准确地说出来。
非常感谢您的建议奏效！仍然不确定为什么这个按钮会导致问题，而其他所有内容都主要是百分比，但它现在可以工作了。