Я хотел бы иметь градиентный фон, заполняющий всю страницу/тело. Вот что я пробовал. Он работает, но после прокрутки он не растягивается до полной высоты страницы.Как сделать градиентный фон заполнять всю страницу?
body {
width: 100%;
height: 100%;
background: #034b52 url(../../themes/images/bg.jpg) no-repeat center fixed;
color: #fff;
}
body:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: linear-gradient(to bottom, rgba(3, 75, 82, 1) 0%, rgba(3, 75, 82, 0) 100%);
content: '';
z-index: -1;
}
http://stackoverflow.com/questions/18094134/fixed-gradient-background -with-css использовать background-attachment: fixed; на теге тела и применить тег background to body – abhirathore2006