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

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


     09.01.2014    Все вопросы » Общие вопросы    3947

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

Ответил: i_loves_ac_dc


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

11 комментариев

jtskeed
Юзер

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
Гости

i_loves_ac_dc - 10 января 2014 00:06 -

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

jtskeed
Юзер

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

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

i_loves_ac_dc
Гости

i_loves_ac_dc - 10 января 2014 00:40 -

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

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

i_loves_ac_dc
Гости

i_loves_ac_dc - 10 января 2014 00:44 -

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

jtskeed
Юзер

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
Гости

i_loves_ac_dc - 10 января 2014 00:56 -

Цитата: jtskeed

убери
background-attachment: fixed;

i_loves_ac_dc
Гости

i_loves_ac_dc - 10 января 2014 00:59 -

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

jtskeed
Юзер

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

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

i_loves_ac_dc
Гости

i_loves_ac_dc - 10 января 2014 01:03 -

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

ПафНутиЙ
Админ

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

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

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

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

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

наверх