2012-01-17 33 views
7

Cuando ejecuto mi CSS a través validador del W3C, cada vez que utilizo la propiedad box-shadow, me sale un error como este:La propiedad CSS3 box-shadow no valida?

0 no es un valor box-shadow: 0 0 10px # 000

parece que parar en cualquiera que sea el primer valor es, ya que cambiar el orden de los valores cambiará el error de igualar:

# 000 no es un valor box-shadow: # 000 0 0 10px

Estoy validando con el perfil establecido en CSS3, por lo que no es un caso de que me olvide de cambiar la configuración de perfil predeterminada de CSS2 (donde la propiedad box-shadow no existe).

¿Por qué no cree que ninguno de los valores que estoy usando son correctos? La sombra se procesará perfectamente en Firefox y en cualquier otro navegador compatible con la propiedad box-shadow sin prefijo.

Respuesta

11

Es a known validator bug. Aparentemente olvidaron que los valores sin unidades están permitidos (especialmente valores cero sin unidades). No hay nada malo con su CSS; los valores que estás usando son correctos.

Si eres exigente y no se puede poner con el insecto empañar su validación exitosa de lo contrario, han sido-sería, simplemente puede añadir unidades a sus valores cero:

box-shadow: 0px 0px 10px #000; 

Pero cada vez que toparse con situaciones como esta, normalmente no me molesto, sabiendo que es un error validador inofensivo y no es algo malo con mi CSS.

Tenga en cuenta que a partir de esta actualización, el error se ha corregido desde August 30, 2012.

+0

¡Guau, tienes razón! Con unidades en todos los valores, valida. Este es en realidad un error bastante evidente porque significa que las sombras que usan colores RGBa nunca se validarán, ya que no tienen unidades. – daGUY

+0

@daGUY: Los colores 'rgba()' y 'hsla()' provocan errores de análisis con el validador, pero parece que los valores sin unidades no tienen nada que ver con él, ya que 'rgb()' y 'hsl()' los colores funcionan bien Ver [este informe de error] (https://www.w3.org/Bugs/Public/show_bug.cgi?id=11880). – BoltClock

+0

divertido lo suficiente, al utilizar unidades como '0px 2px 2px # ccc' el validador simplifica la declaración a' 0 2px 2px # ccc' como adjunta al informe de validación :) –

3

Cámbielo a 0px 0px 10px #000 y validará. Eso es probablemente debido a la versión beta del validador.

2

El validador tiene muchos errores. Es nuevo y está en fase beta.

Cuestiones relacionadas