Весь фон Фон на некоторой части страницы

Question

Я пытаюсь сделать фон почти на 75% всей страницы. Мне не нужен фон на теле, поскольку в дизайне есть сплошная цветовая область.

http://take.ms/uNp67

А если я поставить фон на главном-контейнере, то это не полный экран с правой стороны.

любая подсказка о выполнении этого? Я использую bootstrap

Решение: положение bg должно быть пересчитано.

$(document).ready(function() { 

function recenter(){ 
    $pos = $('.container').offset().left; 
    $loc = $pos+300; 

    $('body').css('background-position-x', $loc + "px"); 
} 
recenter(); 
$(window).resize(function(){ recenter(); }); 
}); 

Answer 1

Попробуйте использовать background-position Недвижимость. Чтобы он работал на каждом устройстве, используйте медиа-запросы и позицию сброса для каждой точки останова бутстрапа.

body { 
    background-position: 100px 0; 
    background-image: url(http://stylonica.com/wp-content/uploads/2014/02/Beauty-of-nature-random-4884759-1280-800.jpg); 
    background-repeat: no-repeat; 
    background-size: cover; 
} 
@media (min-width: 768px) { 
    body { 
     background-position: 200px 0; 
    } 
} 
@media (min-width: 992px) { 
    body { 
     background-position: 150px 0; 
    } 
} 
@media (min-width: 1200px) { 
    body { 
     background-position: 100px 0; 
    } 
}