Firebase hosting изменяет непрозрачность элемента на 1% всякий раз, когда он имеет непрозрачность CSS


Firebase hosting изменяет непрозрачность элемента на 1% всякий раз, когда он имеет непрозрачность CSS

06.10.2020 06:30:19 Просмотров 44 Источник

Я разрабатываю веб-сайт с Vue.js и огневая база. Локально все работает правильно, и кнопка, которую я намереваюсь иметь с низкой непрозрачностью, работает нормально. Всякий раз, когда я развертываюсь на хостинге Firebase, эта кнопка меняет свою непрозрачность на 1% и поэтому становится невидимой. Я должен удалить любую непрозрачность CSS, чтобы она работала, так как все автоматически снизится до 1%. Как я уже сказал, это происходит только на хостинге, тогда как локально он работает так, как задумано. Есть идеи, что может произойти? Я построил и развернул несколько раз, чтобы решить любые ошибки сборки, которые могли бы произойти.

У вопроса есть решение - Посмотреть?

Ответы - Firebase hosting изменяет непрозрачность элемента на 1% всякий раз, когда он имеет непрозрачность CSS / Firebase hosting changes an element's opacity to 1% whenever it has CSS opacity

Является ответом!
abney317

06.10.2020 06:41:46

Это звучит как обычная проблема, с которой люди сталкиваются при использовании Sass.

Проценты в Sass работают так же, как и в любой другой единице. Они не взаимозаменяемы с десятичными дробями, потому что в CSS десятичные дроби и проценты означают разные вещи. Например, 50% - это число с % в качестве единицы измерения, и Sass считает его отличным от числа 0.5.

Вместо того чтобы использовать проценты в CSS, измените их на эквивалентное десятичное представление.

Например, используйте opacity: 0.8; вместо opacity: 80%;

Помочь в развитии проекта:
Закрыть X