为什么不显示背景渐变？

Question

我正在使用桌子进行定位，是的......糟糕的我知道，但是我没有其他合理的选择。我将页面分成3个垂直部分（顶部，中部，底部），然后将中间分成3个水平部分（左侧，中间，右侧）。虽然左右的大小是固定的，但它们可以改变。因此，我遇到了不同的列高度问题。我希望中间调整大小以填充剩余空间，这进一步加剧了这种情况。相对/绝对定位技巧在这里没有帮助，并且静态重复图像无法工作，所以我使用表格。问题是顶部的梯度没有出现，为什么？

JsFiddle演示问题： http://jsfiddle.net/juckh/1/

Answer 1

你有两个问题：

首先，您需要表格行（.Window-Top元素）中的表格单元格才能应用背景图片。

其次，目前没有浏览器支持没有浏览器前缀的CSS渐变。

修复这两项会修复渐变。

http://jsfiddle.net/blineberry/juckh/7/

CSS Gradient浏览器支持：http://caniuse.com/css-gradients