我最近尝试将渐变背景应用于仅使用 CSS3 的网页。在测试以下代码时：
body {background: -moz-linear-gradient(top, blue, white);}
结果是：
不完全是我想要的......知道发生了什么吗？操作系统是 Win7 64bit 和 Firefox 4。谢谢！
问问题
1345 次
2 回答
1
发生这种情况是因为主体的高度很小，并且默认情况下背景是重复的。
您可以让它不再重复：
body { background-repeat: no-repeat; }
或将容器 ( html) 的高度设为窗口的大小：
html { height: 100%; }
但请注意，后者有时会在滚动时产生意想不到的效果。
于 2011-04-03T21:10:05.967 回答
1
您可能想要添加no-repeat到该背景属性...
<body>或为（和）设置一个高度，<html>如下所示：
html { height: 100%; }
body { background: -moz-linear-gradient(top, blue, white); height: 100%; }
于 2011-04-03T21:10:35.627 回答