Vue cli 构建生产更改 css 中的不透明度

Question

当我构建我的 vue 项目时，它的不透明度从 50% 更改为 1%。

在开发中它没有这个问题，但在生产中它改变了风格。

开发（npm run serve）： 点击查看

.VueCarousel-dot-container button.VueCarousel-dot {
    background-color: #7390a7 !important;
    opacity: 60%;
}

生产（npm run build）：当我构建并上传它时：

.VueCarousel-dot-container button.VueCarousel-dot {
    background-color: #7390a7!important;
    opacity: 1%;
}

Answer 1

尝试更换opacity: 60%;与opacity: 0.6;它是等效的，但有可能是在你的构建脚本CSS压缩/ transpilation问题。此外，当您以百分比设置不透明度时，只有 Firefox (70+) 和 Chrome (78+) 可以理解它，其他浏览器仅支持范围从0.0到 的值1.0。