Dreembround

фиксация фона

Рекомендуемые сообщения

Dreembround    1

Как зафиксировать фон что бы он не прокручивался?
есть картинка и что бы он не прокручивался а всё остальное прокручивалось ,

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
riny    187

ссылка на сайт?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Strelez    99


background-attachment: fixed;

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Vudik    4
body {

   background: #FFF url(../images/back.jpg) no-repeat center fixed;

 }

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
riny    187

добавьте fixed как Vudik предложил.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Dreembround    1

добавьте fixed как Vudik предложил.

а куда в писывать? :)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
riny    187

а куда в писывать? :)

видимо нашли уже :)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Dreembround    1

видимо нашли уже :)

нет не нашёл ))) 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
riny    187

нет не нашёл ))) 

странно, я вроде видел фиксированный. так а фон куда пропал?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Dreembround    1

странно, я вроде видел фиксированный. так а фон куда пропал?

поставил, мне над как на этом сайте сделать: Клик

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
riny    187

поставил, мне над как на этом сайте сделать: Клик

для этого нужна картинка достаточной ширины (у сайта по ссылке ширина картинки 2000px) и для body прописать

background: url('картинка') no-repeat center fixed;

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Tom    2 012

.......

c5aa234288de.jpg

 

 

catalog/view/theme/pav_plaza/stylesheet/stylesheet.css

 

 

с 6 строки начиная заменить body на это

 

body {
   background:url(/image/bg.png) no-repeat top center #f0f0f0;
background-attachment:fixed;
-moz-background-size: 100%; 
    -webkit-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
color: #78797b;
margin: 0px;
padding: 0px;
}
 
в папку image соответственно саму картинку бэкграунда
 
......

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Dreembround    1

.......

c5aa234288de.jpg

 

 

catalog/view/theme/pav_plaza/stylesheet/stylesheet.css

 

 

с 6 строки начиная заменить body на это

 

body {
   background:url(/image/bg.png) no-repeat top center #f0f0f0;
background-attachment:fixed;
-moz-background-size: 100%; 
    -webkit-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
color: #78797b;
margin: 0px;
padding: 0px;
}
 
в папку image соответственно саму картинку бэкграунда
 
......

Спасибо :)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу