Цвет фона: недействительный CSS?

Ответ 1

Вероятно, вы хотите transparent, поскольку none не является допустимым значением background-color.

спецификация CSS 2.1 специфицирует следующее для свойства background-color:

Value: <color> | transparent | inherit

<color> может быть либо ключевым словом, либо цифровым представлением цвета. Допустимые color ключевые слова:

aqua, black, blue, fuchsia, grey, green, lime, maroon, navy, olive, оранжевый, фиолетовый, красный, серебристый, чирок, белый и желтый

transparent и inherit являются правильными ключевыми словами, но none нет.

Ответ 2

Нет, используйте transparent вместо none. См. Рабочий пример здесь в этом примере, если вы измените transparent на none, он не будет работать

используйте как .class { background-color:transparent; }

Ответ 3

Ответ - нет.

Некорректное

.class {
    background-color: none; /* do not do this */
}

Правильный

.class {
    background-color: transparent;
}

background-color: transparent выполняет то же самое, что вы хотели сделать с background-color: none.

Ответ 4

.class {
    background-color:none;
}

Это недействительное свойство. Валидатор W3C отобразит следующую ошибку:

Значение Ошибка: фоновый цвет none не является значением фона: none

transparent может быть выбран как лучший термин вместо значений 0 или none во время разработки спецификации CSS.

Ответ 5

Уровень CSS 3 определяет значение свойства unset. Из MDN:

Ключевое слово unset CSS - это комбинация начального и наследуемого ключевые слова. Как и эти два других ключевых слова CSS, его можно применить к любое свойство CSS, включая CSS-стенографию. Это ключевое слово сбрасывается свойство к его унаследованному значению, если оно наследуется от его родителя или к его первоначальному значению, если нет. Другими словами, он ведет себя как наследовать ключевое слово в первом случае и как начальное ключевое слово в второй случай.

К сожалению, это значение в настоящее время не поддерживается во всех браузерах, включая IE, Safari и Opera. Я предлагаю использовать transparent пока.

Ответ 6

напишите это:

.class {
background-color:transparent;
}

Ответ 7

Итак, я хотел бы объяснить сценарий, в котором мне пришлось использовать это решение. По сути, я хотел отменить атрибут background-color, установленный другим CSS. Ожидаемый конечный результат должен был выглядеть так, как если бы оригинальный CSS никогда не применял атрибут background-color. Настройка background-color:transparent; сделал это эффективным.