la propriedad background-attachment adjunta una imagen al texto o a la pagina
y la define como fixa o desplazante
ejemplo
Fondo de imagen fixo
Fondo de imagen fixo
Fondo de imagen fixo
Fondo de imagen fixo
Fondo de imagen fixo
Fondo de imagen fixo
Fondo de imagen fixo
...
Codigo
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url("imagen.png");
background-repeat: no-repeat;
background-position: right top;
margin-right: 200px;
background-attachment: fixed;
}
</style>
</head>
<body>
El documento aqui
Como bien vemos en el codigo, los estilos los pomos en la cabecera, asi como la imagen, y esta sera adjunta a todo el documento que se escriba en el body
Si ponemos la imagen en el body, y adjuntamos los estilos, no funciona
Si quiere que la imagen se va desplazando con el texto pondremos los seguintes estilos
Codigo
body {
background-image: url("imagem.jpg");
background-repeat: no-repeat;
background-position: right top;
background-attachment: scroll;
}
Nota como anteriormente los estilos se ponen en el head para que la imagen se adjunte al texto
ejemplo
Fondo de imagen desplazante
Fondo de imagen desplazante
Fondo de imagen desplazante
Fondo de imagen desplazante
Fondo de imagen desplazante
Fondo de imagen desplazante
Fondo de imagen desplazante
Mas ejemplos de como poner imagens de fondo en el curso html
0 Comentarios
Si desea contactar comigo, lo puede hacer atravez deste formulario gracias