為什麼我的 CSS3 漸層背景沒有拉伸到整個視窗高度？

CSS3 中的漸變背景拉伸問題

問題：

問題：

儘管設定了漸變背景使用CSS3漸變的元素，漸層高度保持固定在內容的高度，重複自身以填滿剩餘的視窗空間。 WebKit 和 Gecko 瀏覽器中都會出現此行為。

解決方案：

html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

要強制漸變拉伸到視窗的高度，請應用以下指令CSS:

• 說明：
• html 和body 高度設定為100%，強制它們填充整個視窗高度。
• 保證金：0；在主體上刪除任何不需要的邊距。

背景重複：無重複；防止漸變重複。

背景附件：固定；固定漸變的位置，確保其在調整視窗大小時保持靜止。 此解決方案可確保漸變垂直拉伸以填滿整個視窗高度，而不會重複或破壞頁面佈局。

以上是為什麼我的 CSS3 漸層背景沒有拉伸到整個視窗高度？的詳細內容。更多資訊請關注PHP中文網其他相關文章！