好的，說里面的內容<body>總計高300像素。如果我設置<body>使用-webkit-gradient或的背景-moz-linear-gradient然后，我將窗口最大化（或使其高度大于300px），漸變將恰好是300px高（內容的高度），然后重復進行以填充窗口的其余部分。我假設這不是錯誤，因為在webkit和gecko中都是相同的。但是，是否有一種方法可以使漸變拉伸以填充窗口而不是重復？
3 回答
蕪湖不蕪
TA貢獻1796條經驗 獲得超7個贊
這是我為解決此問題所做的工作...它將顯示整個內容長度的漸變，然后簡單地回退到背景色（通常是漸變中的最后一種顏色）。
html {
background: #cbccc8;
}
body {
background-repeat: no-repeat;
background: #cbccc8;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cbccc8));
background: -moz-linear-gradient(top, #fff, #cbccc8);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cbccc8');
}
<body>
<h1>Hello world!</h1>
</body>
我已經在FireFox 3.6，Safari 4和Chrome中對此進行了測試，對于某些出于某種原因不支持HTML標記樣式的瀏覽器，我將背景顏色保留在主體中。
- 3 回答
- 0 關注
- 1377 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消