需要多個“background-size:cover;”？

Question

我正在嘗試構建一個有趣的項目，並且我想在您向下滾動時創建一個包含多個圖像的頁面。 我正在使用 HTML 和 CSS。

我希望布局類似於background-size: cover; 但顯然你每頁只能使用 1 個？

這是一個布局相似的網站，我正在嘗試實現示例網站減去所有轉換。 我只是想實現這個網站的圖像布局。

我不知道如何調整我的圖像大小以使其與封面布局相似，但我希望頁面能夠向下滾動，而不是一個堆疊在另一個之上。

我嘗試過使用background-image: url("sample.jpg"), url("sample2.jpg"); 但是它們將圖像堆疊在一起，而不是使頁面可滾動。

我還嘗試使用多個 div，每個 div 都有自己的background-size: cover; 但只有第一張照片出現？

如果有意義，我想要一個充滿“封面”圖像的垂直滾動頁面？ 我不知道如何解釋它，我花了幾個小時在谷歌上搜索它，但我找不到任何東西？

我對 web 開發還很陌生，所以我希望我能解釋一切。 如果您需要更多信息，請詢問我。

Answer 1

您可以一個接一個地放置<img>標記，並為它們賦予相同的類名。 然后給
background-size: cover; class 的屬性。

Answer 2

html 和 css 代碼

        <img src="firstimgae.jpg">
        <img src="secondimage.jpg">
    </div>```

```.photos {
    background-size: cover;
}```