Свойство background-attachment

Свойство background-attachment определяет, будет ли фоновое изображение оставаться неподвижным при прокрутке содержимого окна (значение scroll) Web-браузера или оно будет прокручиваться вместе с Web-страницей (значение fixed). По умолчанию свойство имеет значение scroll".

Пример 4.3.52. Задание свойства background-attachment:

1. Фрагмент документа HTML:

<body style="background-repeat:no-repeat;background-image: url('BackgroundComputer.png');background-attachment: scroll">

<h1>При прокрутке этой страницы изображение прокручивается вместе со страницей</h1>

<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

<h4>Окончание страницы</h4>

<body>

выведет следующую Web-страницу:

Если прокрутить эту страницу к ее окончанию, то изображение «уходит» вверх:

2. Если во фрагменте документа HTML примера 4.3.52(1) изменить значение свойства background-attachment на fixed, то после прокрутки страницы до ее окончания изображение останется в окне просмотра на прежнем месте:


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: