Saltar al contenido

Imagen de fondo de CSS: ¿cuál es el uso correcto?

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.

  1. No, no necesitas cotizaciones.

  2. Sí tu puedes. Pero tenga en cuenta que las URL relativas se resuelven a partir de la URL de su hoja de estilo.

  3. 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;
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)


Tags : /

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *