CSS: Урок 11. Фиксируем фоновое изображение с помощью CSS

Пятница, 17 Декабря 2010 г. 14:47 + в цитатник

CSS атрибуты и значения, позволяющие зафиксировать фон

Пример того, как зафиксировать фоновое изображение в нужном месте:

                                  <head>

            <title>Пример</title>

            <style type="text/css">

            body {

            background-color:BlanchedAlmond;

            }

            .fon_scroll {

            margin:0 auto;

            width:700px;

            height:800px;

            padding:30px;

            background-color:#ffffff;

            background-image:url(../images/7.jpg);

            background-repeat:no-repeat;

            background-attachment:fixed;

            background-position:40px 40px;

            }

            </style>

                              </head>

            <body>

            <div class="fon_scroll">

            <p>Текст  документа</p>

            <p>Текст  документа</p>

            <p>Текст  документа</p>

            <p>Текст  документа</p>

            </div>

            </body>

По умолчанию фоновое изображение прокручивается вместе с другими элементами web-страницы. background-attachment:fixed фиксирует фоновое изображение в заданной позиции.

Результат: здесь

ab-w.net

Рубрики:

Полезное
Уроки CSS