Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - background-attachment.

Поддержка Браузеров

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть свойство background-attachment поддерживается во всех основных браузерах.

Определение и использование. Свойство background-attachment устанавливает, будет ли фоновое изображение фиксированным или прокручивается с остальной частью страницы и изображение в элементе может быть как зафиксировано и оставаться неподвижным, так и перемещаться совместно с документом на страницах сайта. В CSS3 можно указать несколько значений свойство background-attachment для ряда фоновых изображений, перечисляя значения через запятую.

Самое мощное здесь даже не в том, что производится некое изменение некого участка страницы сайта. Самое мощное здесь в том, что свойство background-attachment, которое действует через стили CSS3 автономно работает даже при отключения JavaScripta в браузере Вашего компьютера.

Синтаксис:

            background-attachment: value;

Определение и использование

Значение по умолчанию: scroll
наследует: нет
Версия: CSS1
Синтаксис JavaScript: "объект".style.backgroundAttachment="фиксированная"


Значения Свойств

Значение Описание
scroll Фон прокручивается вместе с элементом. Это значение установлено по умолчанию
fixed Фон фиксируется относительно окна просмотра
local Фон прокручивается вместе с содержимым элемента
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


Пишем программу -

< !DOCTYPE html>
< html>
< head>
< style>
тело
{
background-image:url(http://seosait21.ru/oboi/2014a.gif);
background-repeat:no-repeat;
background-attachment:fixed;
}
< /style>
< /head>

< body>
< p>На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.< /p>
< p>На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.< /p>
< p>На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.< /p>
< p>На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.< /p>
< p>На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.< /p>
< p>На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.< /p>
< p>На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.< /p>
< p>На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.< /p>
< p>На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.< /p>
< p>На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.< /p>
< p>На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.< /p>
< p>На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.< /p>
< p>На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.< /p>
< p>На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.< /p>
< p>На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.< /p>
< p>Если вы не видите никаких полос прокрутки, попробуйте изменить размер окна браузера.
< /body>
< /html>                      

Результат программы:

На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.

На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.

На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.

На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.

На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.

На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.

На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.

На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.

На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.

На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.

На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.

На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.

На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.

На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.

На фоне фиксации изображения. Попробуйте прокрутить страницу вниз.

Если вы не видите никаких полос прокрутки, попробуйте изменить размер окна браузера.




seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: