2010-04-23 2 views
4

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

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

У вас нет набора фонового цвета (или цвет фона устанавливается в прозрачный), но вы установили цвет. Убедитесь, что каскадирование цветов сохраняет текст разборчиво.

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

ответ

1

Она охватывает теоретические проблемы, когда цвет шрифта совпадает с Backgound, а именно:

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

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

+0

Это настоящая проблема. Он чаще всего возникает, когда авторы предполагают, что у людей основной цвет фона по умолчанию установлен на белый, но он также может конфликтовать с таблицами стилей пользователя. – Quentin

+0

Хорошая точка. Как насчет цвета фона внутри? Делает ли * каждый * div нужен фон, если вы установите на него свойство цвета css ..? – rochal

+0

Вы не знаете, что пользователь настроил для своего браузера. У них может быть 'p {background: white; цвет: черный} '. В общем, всегда указывайте оба варианта, если сможете. – Quentin

1

Добавить background-color:#/*whatever you want*/; всем 57 селекторам, и все должно быть хорошо.

+0

'html {color: # 000; background: #FFF; мин-высота: 100%; margin-bottom: 1px; размер шрифта: 100%; } 'уже определен как первая вещь в моем css. хотя я получаю это предупреждение –

+2

«Сброс» не поможет. – Quentin

+0

Достаточно справедливо, а затем просто добавьте правило другим своим селекторам. – Kyle

1

Вы решить его:

Марка [я] уверен, что каскадные цветов сохраняет текст достаточно разборчиво.

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

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

3

Хорошее объяснение @graphicdevine о том, почему предупреждения там.

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

background-color: #xxx; 

для каждого тега, я прочитал на forum, который предложил поставить это:

background-color: inherit; 

Кроме того, в любом месте вы установите цвет фона, но не текст цвет, положить в:

color: inherit; 

Он разрешил все эти предупреждения для m е.