身体上设置的 CSS3 渐变背景不会拉伸而是重复？

小编典典

all

好吧，说里面的内容<body>总共有 300px 高。

如果我设置我<body>使用的背景-webkit-gradient或-moz-linear-gradient

然后我最大化我的窗口（或者只是让它高于 300 像素）渐变将正好是 300 像素高（内容的高度），然后重复以填充窗口的其余部分。

我假设这不是一个错误，因为它在 webkit 和 gecko 中是相同的。

但是有没有办法让渐变拉伸以填充窗口而不是重复？

阅读 97

2022-03-14

共1个答案

小编典典

应用以下 CSS：

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

2022-03-14