Фон под размеры экрана

[artefakt777]

Имеем такой css фона:

body {
    background: #fff url('../images/bg2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    }

Картинка имеет размер 1400px на 800px

Если разрешение монитора будет большее 800 px в высоту, то будет виден белый экран. Фон к сожалению не бесшовный.

Как можно выйти из данной ситуации?

 

[mdss]

Для просмотра ссылки Войди или Зарегистрируйся

 

[Шумадан]

а так пробовали?

html {
  background: url(images/bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

 

[Maybe]

а так пробовали?

html {
  background: url(images/bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

Это первое решение по ссылке mdss.. )

 

[artefakt777]

Отлично работает, но такой нюанс:
Можно ли растянуть изображение по высоте, т.е. нужно, что бы синий фон был на экране, а при прокрутке появлялась панорама.

 

[sofwar]

Предложу свой вариант

body {
    background: url(images/sun2.png) no-repeat;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
  }

 

[artefakt777]

Предложу свой вариант

body {
    background: url(images/sun2.png) no-repeat;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
  }

При таком варианте фон не растягивается, а так же подгоняется под экран.

 

[Trusteg]

Отлично работает, но такой нюанс:
Можно ли растянуть изображение по высоте, т.е. нужно, что бы синий фон был на экране, а при прокрутке появлялась панорама.
Посмотреть вложение 49953

отдельно сделать два файла (с синим фоном и с панорамой), синий фон растянуть через background-size, на сколько надо, а панораму расположить внизу с помощью background-position

 

[mdss]

Отлично работает, но такой нюанс:
Можно ли растянуть изображение по высоте, т.е. нужно, что бы синий фон был на экране, а при прокрутке появлялась панорама.
Посмотреть вложение 49953

гуглить parallax scrolling

 

[sergik74]

О, верстаки нужна помощь!

Вобщем есть фоном картинка - экран монитора
В ней - видео

Нужно: все это через css реализовать чтобы работало в Bootstrap 2 корректно
Я по всяк пробовал - то видео респонсивится нормально, но картинка обрезается в контейнере, то картинка работает корректно - но видео не скалится - т.к. то в одном случае устанавливаю высоту конта и % для видео и наоборот ))))

Вощем, если у кого есть решение - покажите?
Фишки с css-trick не помогли (в частности это Для просмотра ссылки Войди или Зарегистрируйся )