почему не работает background-attachment:scroll;?

DivMan · May 11, 2013

почему изображение остаётся на месте, а не в центре???


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Пример CSS</title>
<style type="text/css">
body{
  background-color:#cccccc;
  color:#000000;
  background-image:url(512896618.gif);
  background-repeat:no-repeat;
  background-attachment:scroll;
  background-position:center;
}
b{
  background-color:#ff0000;
  color:#ffffff;
}
p{
  background-color:#ffffff;
}

</style>
</head>
<body>
<p>На данном примере показано свойство, <b>background-color</b>.</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>
<p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p>
<p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p>
<p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p>
<p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p>
<p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p>
<p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p>
<p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p>
<p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p>
<p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p>
<p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p>
<p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p>
</body>
</html>

red4pony · May 11, 2013

почему изображение остаётся на месте, а не в центре???

Непонятно. Увеличьте количество содержимого и изображение будет прокручиваться вместе с контентом.

Daiver · May 11, 2013

1. Какого размера у вас изображение?

2. Чего вы пытаетесь добиться в этом примере и что у вас не получается?

Я открыла у себя этот файл и по тем параметрам, которые указаны - все работает правильно.


background-image:url(512896618.gif); /*Подключаем изображение в качестве фона*/
background-repeat:no-repeat; /*Отменяем повторение - изображение отобразится один раз, без замащивания мозаикой*/
background-attachment:scroll; /*Изображение будет прокручиваться вместе с содержимым страницы*/
background-position:center; /*Изображение отобразится как вертикально так и горизонтально по центру*/

Если изображение достаточно большое, то может создаться впечатление, что оно не по центру, а в верхнем левом углу.

DivMan · May 11, 2013

у меня изображение 200х200

Daiver · May 11, 2013

Возможно страница захешировалась. Попробуйте проверить настройки браузера и обновить страницу через нажатие на F5.

DivMan · May 11, 2013

до меня дошло, я думал scroll это когда изображение при прокрутке всегда будет в центре

Daiver · May 11, 2013

Вот почитайте для ясности.

Sign In

почему не работает background-attachment:scroll;?

Question

DivMan

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

red4pony

Link to comment

Share on other sites

Daiver

Link to comment

Share on other sites

DivMan

Link to comment

Share on other sites

Daiver

Link to comment

Share on other sites

DivMan

Link to comment

Share on other sites

Daiver

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information