这需要与所有现代浏览器以及 IE7 和 IE8 兼容。
我想要做的是为页面设置一个重复的背景图像，并带有线性淡入淡出，使底部变暗。http://i.imgur.com/rrzyw.jpg
这是我的示例代码：http: //jsfiddle.net/hxk2d/2/
如您所见，在上面的示例中，我有两个浮动 div。由于某种原因，身体线性渐变没有出现。我发现这是因为左 div 浮动。
一旦我删除左侧 div 的浮动，您就会开始看到渐变，但它只出现在容器中。
显然，无论是否有浮动 div，我都希望它能够正常工作。我的测试浏览器是 Chrome 和 Firefox，它们都执行相同的行为。
我错过了什么？