Как исправить фоновое изображение, если веб-страница прокручивается - PullRequest
1 голос
/ 07 июля 2011

У меня есть веб-страница с возможностью прокрутки, мне нужно сделать фоновый рисунок неподвижным, чтобы он не повторялся при прокрутке, я пытаюсь это сделать:

<body style="background:url(background.png);background-attachement: fixed;">

Изображение отображается, но оно повторяется при прокрутке веб-страницы, что делает его уродливым.

Ответы [ 4 ]

2 голосов
/ 07 июля 2011

Вы действительно должны делать все это в одном выражении, где это возможно, например:

<body style="background:url(background.png) no-repeat fixed;">
2 голосов
/ 07 июля 2011

Вам нужно добавить background-repeat:no-repeat;. Также в зависимости от вашей ситуации вам может понадобиться добавить модификатор !important в конце правила. Проверьте демо: http://jsfiddle.net/bhbAv/. Если это не сработает, не забудьте добавить !important в конце.

1 голос
/ 07 июля 2011

Да, я согласен, возможно background-attachment: исправлено; сделает это.

Взгляните на это: http://www.w3schools.com/css/css_background.asp

1 голос
/ 07 июля 2011

Вы ищете:

background-attachment:fixed;

Вы ввели:

background-attach_E_ment: fixed;
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...