Html 如何在网站中获得填充整个页面的渐变背景

我想要像这样的背景图像的梯度

我怎样才能做到这一点

编辑：

---

我想向下延伸到底部，但如果我重复，那么我会看到顶部的条增加，我希望黑暗部分保持在底部，中心部分扩大

或

或

如果你真的需要用背景图像来实现这一点。 当然，它并不适用于任何地方-您需要JS polyfill使不支持背景大小属性的浏览器满意。我建议你这样做

但是，我希望你真正想做的是，至少让它尽可能灵活，因此，你应该看一看CSS渐变教程而不是图片。当然，您可以使用CSS渐变生成器之一，如：

. 一般来说，这对CSS3很有用。 如果你真的需要用背景图像来实现这一点。 当然，它并不适用于任何地方-您需要JS polyfill使不支持背景大小属性的浏览器满意。我建议你这样做

但是，我希望你真正想做的是，至少让它尽可能灵活，因此，你应该看一看CSS渐变教程而不是图片。当然，您可以使用CSS渐变生成器之一，如：

. 一般来说，这对CSS3很有用。

---

我会在页面顶部使用一个div或其他元素来给你一个“条”，并使用一个渐变背景图像，附在css的主体上，与底部对齐并重复

对于“条”，使用以下CSS获得相同的样式效果

---

将你的颜色和边框应用到你认为合适的条上。

我会在页面顶部使用div或其他元素来给你“条”，并使用渐变背景图像，附在css的主体上，与底部对齐并重复

对于“条”，使用以下CSS获得相同的样式效果

---

按照您认为合适的方式将您的颜色和边框涂在吧台上。

您有什么问题？你试过什么？我想向下伸展到底部，但如果我重复，我会看到顶部的条增加，我希望黑色部分保持在底部，中央部分扩大。你有什么问题？你试过什么？我想向下延伸到底部，但如果我重复，我会看到顶部的条增加，我希望黑色部分保留在底部，中间部分展开Hanks splitter，我喜欢，但背景图像的质量显示非常差，我如何提高质量如果图像质量不好，这可能意味着您在WindowsXP上使用IE7或IE6。为了解决这个问题，您可能需要查看MSIE专有的AlphaImageLoader行为。我正在使用window7，我想我需要为此创建新的高分辨率图像。我可以从WebThank splitter获得一些吗？我很喜欢，但是背景图像的质量很差，如何提高质量？如果图像质量不好，这可能意味着您使用的是WindowsXP和IE7或IE6。为了解决这个问题，您可能需要查看MSIE专有的AlphaImageLoader行为。我正在使用window7，我想我需要为此创建新的高分辨率图像。我可以从网上买一些吗

body{
background:url(yoururl.png) repeat-x bottom;
}

.topbar{
position:relative;
top:0px;
left:0px;
height:30px; /* or whatever height you want */
}