ok说<body>
里面的内容总高度为 300 像素。
如果我设置我的 <body>
的背景使用 -webkit-gradient
或 -moz-linear-gradient
然后我最大化我的窗口(或者只是让它高于 300 像素)渐变将正好是 300 像素高(内容的高度)并且重复以填充窗口的其余部分。
我假设这不是一个错误,因为它在 webkit 和 gecko 中都是一样的。
但是有没有办法让渐变拉伸(stretch)以填充窗口而不是重复呢?
最佳答案
应用以下 CSS:
html {
height: 100%;
}
body {
height: 100%;
margin: 0;
background-repeat: no-repeat;
background-attachment: fixed;
}
编辑:为每个评论 ( Martin ) 的正文声明添加 margin: 0;
。
编辑:添加background-attachment: fixed;
到每个评论的正文声明(Johe Green)。
关于 body 上设置的 CSS3 渐变背景不会拉伸(stretch)而是重复?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2869212/