Czy background-color: none jest poprawnym CSS?

Czy ktoś może mi powiedzieć czy poniższy CSS jest poprawny?

.class {
    background-color:none;
}
Author: johannchopin, 2012-01-05

7 answers

Prawdopodobnie chcesz transparent, ponieważ none nie jest poprawną wartością background-color.

Spec CSS 2.1 stwierdza, co następuje dla właściwości background-color:

Value: <color> | transparent | inherit

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

Aqua, czarny, niebieski, fuksja, szary, zielony, limonka, bordowy, granatowy, oliwkowy, pomarańczowy, fioletowy, czerwony, srebrny, morski, biały i żółty

transparent oraz inherit są poprawne słowa kluczowe same w sobie, ale none nie jest.

 599
Author: James Allardice,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-06-01 21:06:29

Nie, użyj transparent zamiast none . Zobacz przykład roboczy tutaj w tym przykładzie jeśli zmienisz transparent na none to nie zadziała

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


Gdzie .Klasa jest tym, co nazwiesz swoją przezroczystą klasę.
 164
Author: Jitendra Vyas,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-10-13 16:24:58

Odpowiedź brzmi nie.

Niepoprawne

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

Poprawne

.class {
    background-color: transparent;
}

background-color: transparent / align = "center" bgcolor = "# e0ffe0 " / cesarz chin / / align = center /

 72
Author: Sajidur Rahman,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2020-06-20 09:12:55

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

Słowo kluczowe unset CSS jest kombinacją initial i inherit słowa kluczowe. Podobnie jak te dwa inne słowa kluczowe w CSS, może być stosowany do każda właściwość CSS, w tym Skrót CSS all. To słowo kluczowe resetuje własności do wartości odziedziczonej, jeżeli dziedziczy po rodzicu lub do jego wartości początkowej, jeśli nie. Innymi słowy, zachowuje się jak inherit keyword in the first case and like the początkowe słowo kluczowe w druga sprawa.

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

 10
Author: Gert Hengeveld,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-03-17 12:26:09
.class {
    background-color:none;
}

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

Błąd wartości: background-color none nie jest wartością background-color: none

transparent może być wybrany jako lepszy termin zamiast wartości 0 lub none podczas opracowywania specyfikacji CSS.

 8
Author: Barun,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2020-04-20 18:10:41

Napisz to:

.class {
background-color:transparent;
}
 2
Author: Abolfazl Miadian,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-05-13 14:12:39

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 efektem końcowym było to, aby wyglądało tak, jakby oryginalny CSS nigdy nie zastosował atrybutu background-color . Ustawienie background-color:transparent; sprawiło, że było to skuteczne.

 1
Author: Binita Bharati,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2019-02-02 08:47:48