为什么不显示背景渐变?

问题描述:

我正在使用表格进行定位,是的......我知道,但我没有其他合理的选择。我把页面分成3个垂直部分(顶部,中间,底部),然后中间分成3个水平部分(左,中,右)。虽然左右的大小是固定的,但它们可以改变。因此,我遇到了不同的柱高问题。这是由于我希望中间调整大小以填充剩余空间这一事实而进一步恶化。相对/绝对定位技巧在这里没有帮助,静态重复图像无法工作,所以我使用表格。问题在于顶部的渐变没有出现,为什么?为什么不显示背景渐变?

的jsfiddle证明问题: http://jsfiddle.net/juckh/1/

你有两个问题:

首先,你需要在表行内的表格单元格,你.Window-Top元素,以应用背景图像。

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

修复这两个项目可修复渐变。

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

CSS渐变的浏览器支持:http://caniuse.com/css-gradients