Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы Фон сайта dle (Фиксация)

Фон сайта dle (Фиксация)


     09.01.2014    Общие вопросы    2094

вопрос
Как сделать что-бы фон сайта по ширине автоматически растягивался.
А вниз листался вместе с прокруткой сайта?) От верха до пола.

Ответил: i_loves_ac_dc


в body вставить:
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-size: cover;

Комментарии пользователей (11)

jtskeed
28 | 4

jtskeed - 10 января 2014 00:01 - Юзер

Сейчас идет так:
* {margin: 0;padding: 0;}
html {height: 100%;}
body {font: 12px/18px 'Cuprum','Trebuchet MS','Calibri',Arial, Tahoma, Verdana, sans-serif;width: 100%;height: 100%;color:#555;background: url("../images/bg.png");}
li {display:inline;}
img {border:0; margin:0;}
img {border: none;}
input {vertical-align: middle;outline:none;border:1px solid #CCC;border-radius:3px;}
.clear {clear:both;}
.wrapper {width: 940px;margin:0px auto;min-height: 100%;height: auto !important;height: 100%;}
::selection {background: #f89406;color: #fff;}

i_loves_ac_dc
7

235 | 41

i_loves_ac_dc - 10 января 2014 00:06 - Гости

к body добавить
background-repeat: no-repeat;
background-position: fixed;

jtskeed
28 | 4

jtskeed - 10 января 2014 00:36 - Юзер

i_loves_ac_dc,
А как сделать что бы рисунок не повторялся?

i_loves_ac_dc
7

235 | 41

i_loves_ac_dc - 10 января 2014 00:40 - Гости

Цитата: jtskeed
background-repeat: no-repeat;

background-repeat: no-repeat;
это и заставляет его не повторятся

i_loves_ac_dc
7

235 | 41

i_loves_ac_dc - 10 января 2014 00:44 - Гости

еще в body добавь
background-attachment: fixed;
background-size: cover;

jtskeed
28 | 4

jtskeed - 10 января 2014 00:54 - Юзер

Цитата: i_loves_ac_dc
background-position: fixed;

Когда ставишь no-repeat fixed center top
Картинка остается по середине. При уменьшении или увеличении браузера в ширину - остается на месте.
А вон когда прокручиваешь вниз - картинка так же остается.
Как сделать что бы при прокрутке вниз - она тоже прокручивалась?

Когда ставлю:
background-repeat: no-repeat;
background-position: fixed;

Вниз она прокручивается. А вот в ширину - не остается по центру.

i_loves_ac_dc
7

235 | 41

i_loves_ac_dc - 10 января 2014 00:56 - Гости

Цитата: jtskeed

убери
background-attachment: fixed;

i_loves_ac_dc
7

235 | 41

i_loves_ac_dc - 10 января 2014 00:59 - Гости

jtskeed, иль кинь в лс сайт, я так посмотрю

jtskeed
28 | 4

jtskeed - 10 января 2014 01:00 - Юзер

i_loves_ac_dc,
Ага, убрал. теперь Как сделать что бы фиксировалось по центру? - Что бы при уменьшении или увеличении браузера картинка не ездила а оставалась по центру>

i_loves_ac_dc
7

235 | 41

i_loves_ac_dc - 10 января 2014 01:03 - Гости

jtskeed,
лучше кинь сайт в лс, я проверю.

ПафНутиЙ
1065

3396 | 2434

ПафНутиЙ - 10 января 2014 02:39 - Админ

вот статья, почитайте.

Каков вопрос - таков и ответ. Просто помните об этом.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы