Создание фона на 100% - PullRequest
       0

Создание фона на 100%

0 голосов
/ 26 декабря 2010

У меня есть изображение 1600x1200px, я пытаюсь сделать «эффект фона твиттера» (когда изображение исправлено и не повторяется), но немного по-другому.

Я знаю, что вы можетепросто установите изображение в теле следующим образом:

    background: url("background1.jpg") no-repeat fixed center #000;

или

    background: url("background1.jpg") no-repeat fixed 0 0 #000;

, как это делает твиттер

Однако тогда полная высота изображенияне показывать.Ширина в порядке.Я хочу, чтобы изображение было длиной 1200 пикселей, поэтому отображается полная высота изображения.

Есть ли способ сделать это?

Чтобы сделать его немного более четким, я нарисовал это чрезвычайноподробная схема в GIMP:

alt text

Ответы [ 2 ]

0 голосов
/ 01 мая 2012

Только CSS, очень чисто и действительно хорошо сделано:

http://webdesign.about.com/od/css3/f/blfaqbgsize.htm

0 голосов
/ 26 декабря 2010

Вы смотрели на это:

http://bavotasan.com/downloads/full-sizebackground-image-jquery-plugin/

Используя:

background-image: url(your-bg-image.jpg);
background-repeat:no-repeat;
background-position:center center;
background-attachment:fixed;
-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;
background-size: 100% 100%, auto;
}

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