Полная проблема с фоновым изображением обложки - PullRequest
Новая
       0

Полная проблема с фоновым изображением обложки

1 голос
/ 29 марта 2012

В настоящее время у меня есть полное фоновое изображение обложки.

Вот код: 

#back{ /* #back is a div */
    position:absolute;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;

    background: url(images/bg.jpg) no-repeat center center fixed;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg.jpg', sizingMethod='scale')";
}

Кажется, он работает хорошо, но я обнаружил в нем сбой, который, как я надеялся, с кем-нибудь может мне помочь.

Если я уменьшу размер окна браузера снизу вверх, чтобы сказать половину своей страницы, а затем с помощью полос прокрутки браузера прокручиву вниз, фон не будет следовать.

У меня осталось что-то похожее на изображения ниже

image after scrolling

Есть ли способ, которым я могу бороться с этим? Я желаю, чтобы фоновое изображение покрывало все обстоятельства.

1 Ответ

1 голос
/ 29 марта 2012

Это не проблема background-size:cover.Это проблема position:absolute

Проверьте это http://jsfiddle.net/8b27V/

...