Domanda

Sto usando alcuni trucchi CSS per incrementare l'usabilità / aspetto del mio sito nei browser Webkit. I due principali sono text-shadow e resize:none (su textareas - per fermare quel fastidioso opzione di ridimensionamento pagina di rottura in Safari e altri)

.

Il problema è che quando faccio funzionare la mia pagina attraverso il W3 validatore ricevo tonnellate di:

  

proprietà text-shadow non esiste nel livello di CSS 2.1 ma esiste in: # feb4b4 1px 1px 0 # feb4b4 1px 1px 0

-e -

  

Proprietà di ridimensionamento non esiste nel livello di CSS 2.1 ma esiste in: none none

Non è davvero valida? Non dovrei davvero usare questo, o è un errore basta ignorare?

È stato utile?

Soluzione

La proprietà text-shadow è una proprietà di CSS3. Se si sceglie CSS livello 3 tra le opzioni avanzate sul servizio W3 CSS Validtor, dovrebbe venire attraverso bene. E 'stato anche in CSS livello 2, ma è caduto per i CSS livello 2.1.

Altri suggerimenti

Sia text-shadow e ridimensionamento sono solo proprietà valide nei CSS 3, sono stati attuati solo nelle versioni precedenti di CSS da parte dei browser, ma non sono mai stati ufficialmente supportati. Se si desidera utilizzarli, si dovrebbe usare i CSS 3 invece.

Vorrei utilizzare le equivs del browser di proprietà dei prpoerties in questione come -webkit-text-shadow e -webkit-resize i pensare che permetterà al css per convalidare, pur consentendo di utilizzare le proprietà (anche al livello 2).

Il lato negativo è che devi imitare questo per Mozilla così come -moz-text-shadow se si desidera utilizzarlo lì ... e assumendo IE alla fine inizia a sostenere questi allora si potrebbe tornare indietro e ripulirlo li sostituisce con la dichiarazione di proprietà singola nelle specifiche.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top