Блог

У меня есть контейнер-жидкость, для которого мне нужно задать фон во всю ширину страницы. Я добился этого, придав фиксированное положение и высоту 100%. Но настоящая проблема сейчас заключается в том, что я получаю прокрутку, когда высота содержимого превышает высоту браузера. Пожалуйста, помогите достичь этого. Мой проект построен под bootstrap 4

 <div class="container-fluid kyc-page" >
    <h1 class="head-text">KYC Verification</h1>
    <div class="bannerWrapper"></div></div>
 

css — код:

 .container-fluid.kyc-page {
    background-image: url(../images/banner-img2.png);
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
}
 

Пожалуйста, помогите добиться перетекания содержимого и полного фонового изображения

HTML:

 <div class="container-fluid kyc-page" >
<h1 class="head-text">KYC Verification</h1>
<div class="bannerWrapper">
 

CSS:

 .container-fluid.kyc-page {
background-image: url('img.jpg');
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
 

}