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.
¡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
@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
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 :) –