旧版本IE和Firefox上未显示CSS渐变

旧版本IE和Firefox上未显示CSS渐变,css,Css,我们在整个应用程序中为许多按钮和网格标题设置了CSS指定的背景。我们最近通过测试发现,在旧版本的Firefox和IE上查看应用程序时,背景不会出现 这是旧版本完全不支持的吗?或者我们有没有办法让它在这两方面都起作用 谢谢 这是旧版本完全不支持的吗 对 或者我们有没有办法让它在这两方面都起作用 是的,但不仅仅是CSS,您需要使用图像。好的,这就引出了我的下一个问题。因为我们在所有使用这个的头上都有不同的大小,所以我想创建一个1px的渐变图像,并使用background repeat来完成,但是CS

我们在整个应用程序中为许多按钮和网格标题设置了CSS指定的背景。我们最近通过测试发现,在旧版本的Firefox和IE上查看应用程序时,背景不会出现

这是旧版本完全不支持的吗?或者我们有没有办法让它在这两方面都起作用

谢谢

这是旧版本完全不支持的吗

或者我们有没有办法让它在这两方面都起作用


是的,但不仅仅是CSS,您需要使用图像。

好的,这就引出了我的下一个问题。因为我们在所有使用这个的头上都有不同的大小,所以我想创建一个1px的渐变图像,并使用background repeat来完成,但是CSS看起来会是什么样子呢?background:url(/path/to/1pximage.jpg)repeat-x;(如果是水平梯度,请重复-y)谢谢!我来试试这个实际上,从现有梯度中获得1px垂直梯度图像的最简单方法是什么。屏幕截图屏幕显然是第一步,但是接下来呢?你没有psd文件吗?甚至是jpg文件?如果可以保存jpg,只需使用photoshop进行裁剪即可。简单:它实际上是动态创建渐变,而不是使用图像文件。这就是我想把它改成的。我认为你高估了Photoshop的技巧。也许我会把这个放到Photoshop堆栈上;)
.horizontalTabGradient
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edeff4', endColorstr='#ffffff', iOrientation=1); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#edeff4), to(#ffffff)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #edeff4,  #ffffff); /* for firefox 3.6+ */   
}