Qualcuno può dirmi se il seguente CSS è valido?
.class {
background-color:none;
}
background:none;
, che è valido e che imposta il colore di sfondo su trasparente.
Qualcuno può dirmi se il seguente CSS è valido?
.class {
background-color:none;
}
background:none;
, che è valido e che imposta il colore di sfondo su trasparente.
Risposte:
Probabilmente vuoi transparent
come none
non è un background-color
valore valido .
Le specifiche CSS 2.1 indicano quanto segue per la background-color
proprietà:
Value: <color> | transparent | inherit
<color>
può essere una parola chiave o una rappresentazione numerica di un colore. Le color
parole chiave valide sono:
verde acqua, nero, blu, fucsia, grigio, verde, lime, marrone, blu scuro, oliva, arancio, viola, rosso, argento, verde acqua, bianco e giallo
transparent
e inherit
sono parole chiave valide a tutti gli effetti, ma none
non lo sono.
transparent
, questo è quello che usi se vuoi disattivare "la colorazione dello sfondo".
color
no font-color
. Ha così tanto senso ogni volta che altre proprietà dei font hanno font
davanti ...
No, usa transparent
invece none
. Vedere esempio di lavoro qui in questo esempio se si vuole cambiare transparent
per none
non funzionerà
usa come .class { background-color:transparent; }
La risposta è no.
.class {
background-color: none; /* do not do this */
}
.class {
background-color: transparent;
}
background-color: transparent
realizza la stessa cosa con cui volevi fare background-color: none
.
.class {
background-color:none;
}
Questa non è una proprietà valida. Il validatore W3C visualizzerà il seguente errore:
Errore valore: colore di sfondo nessuno non è un valore di colore di sfondo: nessuno
transparent
potrebbe essere stato selezionato come termine migliore anziché 0
o come none
valori durante lo sviluppo delle specifiche dei CSS.
CSS Level 3 specifica il unset
valore della proprietà. Da MDN :
La parola chiave CSS non impostata è la combinazione delle parole chiave iniziali ed ereditate. Come queste altre due parole chiave a livello CSS, può essere applicata a qualsiasi proprietà CSS, inclusa la stenografia CSS all. Questa parola chiave reimposta la proprietà al suo valore ereditato se eredita dal suo genitore o al suo valore iniziale in caso contrario. In altre parole, si comporta come la parola chiave eredita nel primo caso e come la parola chiave iniziale nel secondo caso.
Purtroppo questo valore non è attualmente supportato in tutti i browser, inclusi IE, Safari e Opera. Suggerisco di usare transparent
per il momento.
Scrivi questo:
.class {
background-color:transparent;
}
Quindi, vorrei spiegare lo scenario in cui ho dovuto utilizzare questa soluzione. Fondamentalmente, volevo annullare l'attributo color background impostato da un altro CSS. Il risultato finale atteso era far sembrare che il CSS originale non avesse mai applicato l'attributo color-background. L'impostazione ha background-color:transparent;
reso questo efficace.