Pergunta

Estou usando alguns truques CSS para aumentar a usabilidade/aparência do meu site nos navegadores do Webkit. Os dois principais são text-shadow e resize:none (On Textareeath - para parar a opção de redimensionamento irritante que quebra na página no Safari e em outros).

O problema é que, quando eu corro minha página pelo validador W3, recebo toneladas de:

O texto da propriedade não existe no nível CSS 2.1, mas existe em: #fev4b4 1px 1px 0 #fev4b4 1px 1px 0

-e-

A REDIMEIRA DE PROPRIEDADE não existe no CSS Nível 2.1, mas existe em: Nenhum nenhum

Isso realmente não é válido? Eu realmente não deveria usar isso ou é um erro apenas ignorar?

Foi útil?

Solução

o text-shadow A propriedade é uma propriedade CSS3. Se você escolher o nível 3 do CSS das opções avançadas no serviço W3 CSS Vidortor, ele deve ocorrer bem. Também estava no nível 2 do CSS, mas caiu para o nível 2.1 do CSS.

Outras dicas

Tanto a sombra de texto quanto o redimensionamento são apenas propriedades válidas no CSS 3, elas foram implementadas apenas em versões anteriores do CSS pelos navegadores, mas nunca foram oficialmente apoiadas. Se você quiser usá -los, você realmente deve usar o CSS 3.

Eu usaria os equivocadores do navegador proprietário dos prpoerties em questão como -webkit-text-shadow e -webkit-resize eu acho Isso permitirá que o CSS valida enquanto ainda permite usar as propriedades (mesmo no nível 2).

O lado negativo é que você tem que imitar isso para Mozilla também -moz-text-shadow Se você quiser usá -lo lá ... e assumindo que o IE eventualmente começa a apoiá -los, você pode voltar e limpá -lo substituindo todos eles pela declaração de propriedade única na especificação.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top