Фон: крышка покрыта div

Question

im использование эффекта параллакса вместе с background-size: cover;. Там нет проблем, когда экран res + 1090px, но если он меньше, фоновое изображение начинает скрываться под нижним div.

Вот мой код css для bg img.

#bg6 { 
    background: url(../../../images/para/6.jpg) center bottom no-repeat fixed; 
    height:400px; 
    width:100%; 
    position:relative; 
    z-index:-1; 
    margin:0; 
    padding: 0; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

Im ищет способ ограничить background-size: cover; остановить масштабирование после достижения Габаритная ширина 1090

UPD1 - http://jsfiddle.net/G7F7L/2/ скрипку LINK

UPD2 - 1 из решений я нашел себя.

@media only all and (max-width: 1298px){ 
    #bg6 { 
    background: url(../../../images/para/6.jpg) center bottom no-repeat fixed; 
    height:400px; 
    width:100%; 
    position:relative; 
    -webkit-background-size: auto; 
    -moz-background-size: auto; 
    -o-background-size:auto; 
    background-size: 1298px auto; 
    z-index:-1; 
    margin:0; 
    padding: 0; 
    } 
} 

Это своего рода беспорядочный, но он выполняет эту работу. После получения под 1298px фон останавливает растяжение.

Answer 1

Это вы что искали?

http://jsfiddle.net/JyeA9/1/

background-size:100% auto; 

Я сделал некоторый параллакс вещи и работать в одних и те же вопросы. Единственная проблема с растягивающимся фоном в параллаксе - по мере того, как изображение становится меньше, вам нужно настроить свои divs на медиа-запросы, иначе это испортит отношение размера изображения к div.