У вас не задан цвет фона (или задан прозрачный цвет фона), но вы установили цвет

Question

Я получаю это предупреждение (это не ошибка, мой CSS действителен).

Я выбрал полный отчет, чтобы проверить

У вас нет фона-цвет установлен (или background-color установлен на прозрачный), но вы установили цвет.Удостоверьтесь, что каскадирование цветов делает текст достаточно разборчивым.

Что это такое и как решить.Я получаю это на все 57 селекторов.

Answer 1

Хорошее объяснение @graphicdevine о причинах появления предупреждений.

Вместо жесткого кодирования

background-color: #xxx;

для каждого тега, я прочитал на форуме , в котором предлагалось добавить это:

background-color: inherit;

Кроме того, везде, где вы устанавливаете цвет фона, но не цвет текста, введите:

color: inherit;

Это разрешило все эти типы предупреждений для меня.

Answer 2

Добавьте background-color:#/*whatever you want*/; ко всем 57 селекторам, и все будет в порядке.

Answer 3

Вы решаете это следующим образом:

Удостоверьтесь, что каскад цветов делает текст разумно читаемым. может быть что-то не так, но ни один инструмент не способен определить, действительно ли что-то не так.

(И, конечно, «достаточно разборчивый» довольно открыт для интерпретации. Я использую анализатор контрастности цвета , существует много других подобных инструментов).

Answer 4

Это покрывает теоретическую проблему, когда цвет шрифта совпадает с цветом фона, т.е.:

background-color: #fff;
color: #fff;

Вам не нужно беспокоиться об этом, но если вы хотите избавиться от предупреждений, я полагаю, просто установите цвет фона в соответствии с сообщением.