好吧,说里面的内容<body>总共有 300px 高。
<body>
如果我设置我<body>使用的背景-webkit-gradient或-moz-linear-gradient
-webkit-gradient
-moz-linear-gradient
然后我最大化我的窗口(或者只是让它高于 300 像素)渐变将正好是 300 像素高(内容的高度),然后重复以填充窗口的其余部分。
我假设这不是一个错误,因为它在 webkit 和 gecko 中是相同的。
但是有没有办法让渐变拉伸以填充窗口而不是重复?
应用以下 CSS:
html { height: 100%; } body { height: 100%; margin: 0; background-repeat: no-repeat; background-attachment: fixed; }