Страницу нельзя прокручивать, ее размер равен размеру фонового изображения. ⇐ CSS

[Гость]

My problem is that I have a page and there is a background image, but I would like to make the page larger so that I can continue working with a white, empty background after the background image. Code HTML:

Код: Выделить всё

                 Pizza&Pasta Lina                          Pizza&Pasta Lina                      Home             Speisekarte             Bilder             Kontakt                            
             

Code CSS:

Код: Выделить всё

@font-face {     font-family: 'Hittedal';     src: url(Hittedal.ttf) format('truetype'); } body {     margin: 0;     padding: 0;     min-height: 100vh;     background: url(Haupthintergrund.jpg);     background-size: cover;     background-position: center; } .header {     padding: 20px 100px;     background-color: transparent;     display: flex;     justify-content: space-between;     align-items: center;      box-shadow: 0px 11px 20px 3px rgba(255,255,255,0.76); } .logo {     font-size: 35px;     font-family: "Hittedal" ;     color: white;     text-decoration: none;     font-weight: 300; } .navbar a {     position: relative;     font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif ;     font-size: 20px;     color: white;     font-weight: 500;     text-decoration: none;     margin-left: 40px; } .navbar a::before {     content: '';     position: absolute;     top: 100%;     left: 0;     width: 0%;     height: 2px;     background: white;     transition: .3s; } .navbar a:hover::before {     width: 100%; } .text1 {     position: fixed;     top: 325px;     bottom: ;     left: 150px;     right: ;     width: 500px;     font-size: 25px;     font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;     color: white;     background-color:rgb(128, 128, 128, .3);     border: none;     border-radius: 15px;     padding: 19px; } .box{     position: fixed;     top: px;     bottom: ;     left: ;     right: ;     width: 1920px;     height: ;     background-color: white; } 

I would like to have a scrollable page that continues after the first background image with a blank white background.


Источник: https://stackoverflow.com/questions/781 ... ound-image