Главная / Программирование / CSS / Неподвижный фон при прокрутке контента

Неподвижный фон при прокрутке контента

Для правильной работы необходимо учитывать что окно прокрутки одного экрана равна 700 пикселям, следовательно в высоту Ваше изображение должно быть не больше 700 пикселей, по ширине учитывайте свой экран, к примеру сделайте скриншот экрана браузера, обрежьте лишнее и высчитайте ширину и высоту элементов, потом просто подгоните высоту под 700 пикселей, и так узнаете ширину.

CSS:

#bg {
        position:fixed;
        top:-50%;
        left:-50%;
        width:200%;
        height:200%;
}
#bg img {
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        margin:auto;
        min-width:50%;
        min-height:50%;
}