Самоучитель CSS > Фон > Фиксация фонового изображения

Фиксация фонового изображения

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Название документа</title>
    <style>
      body {
        background-image: url('../img_tree.gif');
        background-repeat: no-repeat;
        background-position: right top;
        background-attachment: fixed;
      }
    </style>
  </head>
 
  <body>
 
    <h1>Зафиксируем задний фон</h1>
    <pre>
	  Для того чтобы заметить результат
	  контент страницы должен занимать столько место
	  сколько понадобиться для того, чтобы появился
	  вертикальный скролл.
	  
	  Поэтому в примере мы используем тег pre,
	  который позволяет вставлять на страницу
	  текст с авторским форматированием.
	  
	  ...
	  
	  ...
	  
	  ...
	  
	  ...
	  
	  ...
	  
	  ...
	  
	  ...
	  
	  ...
	  
	  ...
	  
	  ...
	  
	  ...
	  
	  ...
	  
	  ...
	  
	  ^_^
	</pre>
 
  </body>
</html>

Результат:

Отредактируйте код, указанный выше, и нажмите кнопку "GO" для просмотра результата.