CSS에서 Vue CLI 빌드 운영 변경 불투명도

CSS에서 Vue CLI 빌드 운영 변경 불투명도

vue 프로젝트를 빌드하면 불투명도가 50%에서 1%로 변경됩니다.

개발에서는 이 문제가 없지만 생산에서는 스타일이 바뀝니다.

개발(npm run serve): 클릭하여 확인합니다.

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

실가동(npm 빌드 실행):빌드 및 업로드 시:

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

의 교환을 시도합니다.opacity: 60%;와 함께opacity: 0.6;이는 동일하지만 빌드 스크립트의 CSS 최소화/변환에 문제가 있을 수 있습니다.또한 불투명도를 백분율로 설정하면 Firefox(70+) 및 Chrome(78+)만 인식할 수 있으며 다른 브라우저는 다음 범위 내의 값만 지원합니다.0.0로.1.0.

언급URL : https://stackoverflow.com/questions/59470947/vue-cli-build-production-change-opacity-in-css