这需要兼容所有现代浏览器以及IE7和IE8。
我要做的是为页面重复背景图像，使线条淡化使底部变暗。 http://i.imgur.com/rrzyw.jpg
以下是我的示例代码：http://jsfiddle.net/hxk2d/2/
如您所见，我在上面的示例中有两个浮动的div。由于某种原因，人体线性梯度不会出现。我发现这是因为左边的div被浮动了。
一旦删除左侧div的浮动，您就会开始看到一个渐变但它只出现在容器内。
显然，无论是否有浮动的div，我都更喜欢这个。我的测试浏览器都是Chrome和Firefox，两者都表现出相同的行为。
我错过了什么？
答案 0 :(得分：1)
请看我的例子，我不是100％肯定，但我认为你的两个花车的父div没有因为2个浮动div而计算高度，该div的父标签是没有任何高度的主体，因为内部没有任何内容，因为快速修复我将一些clearfix类添加到浮动div的父级
以下是示例链接： http://jsfiddle.net/sHXf2/
我修改了渐变以使它们更加明显，希望这有帮助
