Pregunta

Estoy utilizando algunos trucos CSS para impulsar la usabilidad / apariencia de mi sitio en los navegadores WebKit. Los dos principales son text-shadow y resize:none (en las áreas de texto - para detener esa opción de cambio de tamaño de página rompiendo molesto en Safari y otros)

.

El problema es que cuando corro mi página a través del validador W3 consigo toneladas de:

  

propiedad text-shadow no existe en CSS versión 2.1 pero existe en: 1px 1px # feb4b4 0 # feb4b4 1px 1px 0

-y -

  cambio de tamaño

propiedad no existe en CSS versión 2.1 pero existe en: ninguno ninguno

Es esto realmente no es válida? Debería realmente no uso esta, o se trata de un error de simplemente ignorar?

¿Fue útil?

Solución

La propiedad text-shadow es una propiedad de CSS3. Si usted escoge CSS Nivel 3 de las opciones avanzadas en el servicio W3 CSS Validtor, debe venir a través de bien. Fue también en CSS nivel 2, pero se retiró de CSS Nivel 2.1.

Otros consejos

Tanto sombra de texto y cambio de tamaño son sólo propiedades válidas en CSS 3, sólo se llevaron a cabo en las versiones anteriores de CSS de los navegadores, pero nunca fueron apoyados oficialmente. Si desea utilizarlas, que realmente debería usar CSS 3 en su lugar.

Me gustaría utilizar los eq navegador de propiedad de los prpoerties en cuestión como -webkit-text-shadow y -webkit-resize i pensar que permitirá el css para validar al mismo tiempo que le permite utilizar las propiedades (incluso en el nivel 2).

El lado negativo es que hay que imitar este para Mozilla, así como -moz-text-shadow si desea utilizarlo allí ... y suponiendo IE finalmente empieza a apoyar a éstos entonces es posible que volver atrás y limpiarlo reemplazar a todos con la declaración única propiedad en la especificación.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top