ANEXO DE PLANO DE FUNDO
A propriedade: background-attachment para a imagem do fundo rolar ou ficar fixa.
background-attachment:
fixed; A imagem vai ficar fixa.
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url("nomedaimagem.png");
background-repeat: no-repeat;
background-position: right top;
margin-right: 200px;
background-attachment: fixed;
}
</style>
</head>
<body>
<h1>Página da web</h1>
<p>A imagem vai ficar fixa não vai rolar.
</p>
<p> Imagem fixa </p>
<p> Imagem fixa </p>
<p> Imagem fixa </p>
<p> Imagem fixa </p>
<p> Imagem fixa </p>
</body>
</html>
A IMAGEM VAI
ROLAR
background-attachment:
scroll; A imagem vai rolar.
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url("nomedaimagem.png");
background-repeat: no-repeat;
background-position: right top;
margin-right: 200px;
background-attachment: scroll;
}
</style>
</head>
<body>
<h1>Página da web</h1>
<p>A imagem vai rolar. </p>
<p> Imagem vai rolar </p>
<p> Imagem vai rolar </p>
<p> Imagem vai rolar </p>
<p> Imagem vai rolar </p>
<p> Imagem vai rolar </p>
</body>
</html>