Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Sintaxis
Valores
url
Localización de la imagen que se utilizará de fondo.
none
Utilizado para especificar que un elemento no debe tener ninguna imagen de fondo.
Ejemplos
Note that the star image is partially transparent and is layered over the cat image.
HTML
<div>
<p class="catsandstars">
This paragraph is full of cats<br />and stars.
</p>
<p>This paragraph is not.</p>
<p class="catsandstars">
Here are more cats for you.<br />Look at them!
</p>
<p>And no more.</p>
</div>
CSS
pre, p {
font-size: 1.5em;
color: #FE7F88;
background-color: transparent;
}
div {
background-image: url("https://mdn.mozillademos.org/files/6457/mdn_logo_o
}
p {
background-image: none;
}
.catsandstars {
background-image: url("https://mdn.mozillademos.org/files/11991/startran
url("https://mdn.mozillademos.org/files/7693/catfront
background-color: transparent;
}
Result
Notas
Los desarrolladores deben asegurarse que han especificado un color de fondo ( background-
color ) en el caso de no usar una imagen. Las imágenes de fondo son mostradas encima del
color de fondo.
Sobre Accesibilidad
Los lectores de pantalla no reconocen las imágenes de fondo, si la imagen tiene un significado
y no es de carácter meramente decorativa deberás incluirla semánticamente en el documento
utilizando la etiqueta img .
Compatibilidad de navegador
Navegador Versión mínima
Internet Explorer 4
Firefox 1
Netscape 4
Opera