Solución:
La ruta puede ser completa o relativa (por supuesto, si la imagen es de otro dominio, debe estar completa).
No es necesario utilizar comillas en el URI; la sintaxis puede ser:
background-image: url(image.jpg);
O
background-image: url("image.jpg");
Sin embargo, desde W3:
Algunos caracteres que aparecen en un URI sin comillas, como paréntesis, espacios en blanco, comillas simples (‘) y comillas dobles (“), deben escaparse con una barra invertida para que el valor de URI resultante sea un token de URI:’ (‘, ‘)’.
Entonces, en casos como estos, es necesario usar comillas o comillas dobles, o escapar de los caracteres.
-
No, no necesitas cotizaciones.
-
Sí tu puedes. Pero tenga en cuenta que las URL relativas se resuelven a partir de la URL de su hoja de estilo.
-
Mejor no uses comillas. Creo que hay clientes que no los entienden.
1) poner comillas es un buen hábito
2) puede ser una ruta relativa, por ejemplo:
background-image: url('images/slides/background.jpg');
buscará la carpeta de imágenes en la carpeta desde la que se carga css. Entonces, si las imágenes están en otra carpeta o fuera del árbol de carpetas CSS, debe usar la ruta absoluta o relativa a la ruta raíz (comenzando con /)
3) debe usar una declaración completa para la imagen de fondo para que se comporte de manera consistente en los navegadores que cumplen con los estándares como:
background:blue url('/images/clouds.jpg') no-repeat scroll left center;