Czy kolor tła: brak prawidłowego CSS?

Czy ktoś może mi powiedzieć, czy następujący CSS jest prawidłowy?

.class {
    background-color:none;
}

Prawdopodobnie chcesz, transparentponieważ nonenie jest to poprawna background-colorwartość.

Specyfikacja CSS 2.1 określa następującą background-colorwłaściwość:

Value: <color> | transparent | inherit

<color>może być słowem kluczowym lub liczbową reprezentacją koloru. Prawidłowe colorsłowa kluczowe to:

aqua, czarny, niebieski, fuksja, szary, zielony, limonkowy, bordowy, granatowy, oliwkowy, pomarańczowy, fioletowy, czerwony, srebrny, turkusowy, biały i żółty

transparenti inheritsą poprawnymi słowami kluczowymi, ale nonenie są.

Nie, użyj transparentzamiast tego none. Zobacz działający przykład tutaj w tym przykładzie, jeśli przejdziesz transparentna noneto, nie będzie działać

użyj jak .class { background-color:transparent; }

Odpowiedź brzmi nie.

Błędny

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

Poprawny

.class {
    background-color: transparent;
}

background-color: transparentosiąga to samo, co chciałeś zrobić background-color: none.

.class {
    background-color:none;
}

To nie jest poprawna właściwość. Walidator W3C wyświetli następujący błąd:

Błąd wartości: kolor tła brak nie jest wartością koloru tła: brak

transparentmogły zostać wybrane jako lepszy termin zamiast 0lub nonewartości podczas opracowywania specyfikacji CSS.

Poziom 3 CSS określa unsetwartość właściwości. Z MDN :

Nieustawione słowo kluczowe CSS jest kombinacją słów kluczowych początkowych i dziedziczonych. Podobnie jak dwa inne słowa kluczowe w całym CSS, można go zastosować do dowolnej właściwości CSS, w tym do skrótu CSS wszystkich. To słowo kluczowe resetuje właściwość do wartości odziedziczonej, jeśli dziedziczy po rodzicu lub do wartości początkowej, jeśli nie. Innymi słowy, zachowuje się jak słowo kluczowe dziedziczące w pierwszym przypadku i jak początkowe słowo kluczowe w drugim przypadku.

Niestety ta wartość nie jest obecnie obsługiwana we wszystkich przeglądarkach, w tym IE, Safari i Opera. Na razie sugeruję używanie transparent.

Napisz to:

.class {
background-color:transparent;
}

Chciałbym więc wyjaśnić scenariusz, w którym musiałem skorzystać z tego rozwiązania. Zasadniczo chciałem cofnąć atrybut koloru tła ustawiony przez inny CSS. Oczekiwanym rezultatem końcowym było sprawienie, że oryginalny CSS nigdy nie zastosował atrybutu koloru tła. Ustawienie background-color:transparent;uczyniło to skutecznym.