好的，說里面的內(nèi)容<body>總計(jì)高300像素。如果我設(shè)置<body>使用-webkit-gradient或的背景-moz-linear-gradient然后，我將窗口最大化（或使其高度大于300px），漸變將恰好是300px高（內(nèi)容的高度），然后重復(fù)進(jìn)行以填充窗口的其余部分。我假設(shè)這不是錯(cuò)誤，因?yàn)樵趙ebkit和gecko中都是相同的。但是，是否有一種方法可以使?jié)u變拉伸以填充窗口而不是重復(fù)？
3 回答
蕪湖不蕪
TA貢獻(xiàn)1796條經(jīng)驗(yàn) 獲得超7個(gè)贊
這是我為解決此問題所做的工作...它將顯示整個(gè)內(nèi)容長(zhǎng)度的漸變，然后簡(jiǎn)單地回退到背景色（通常是漸變中的最后一種顏色）。
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>
我已經(jīng)在FireFox 3.6，Safari 4和Chrome中對(duì)此進(jìn)行了測(cè)試，對(duì)于某些出于某種原因不支持HTML標(biāo)記樣式的瀏覽器，我將背景顏色保留在主體中。
添加回答
舉報(bào)
0/150
提交
取消