跨浏览器的CSS渐变

我从这个URL生成了这个CSS：

我如何才能做到这一点，它会退化到较旧的浏览器，并使用图像而不是渐变

这是我当前的CSS和背景图像，另外，我的图像当前为1600X144，我希望渐变的中心相应居中：

.navbar .navbar-inner {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 10px rgba(239, 24, 3, 0.1);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 10px rgba(239, 24, 3, 0.1);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 10px rgba(239, 24, 3, 0.1);
    background: url(../images/bgHeader2.png);
}

---

对于较旧的浏览器，生成的代码已经降级：它们将使用

背景图像：url（bgHeader2.png）属性值，忽略渐变属性，因为它们无法解析它们（这就是为什么属性的顺序很重要）

除了生成的代码非常冗长之外，我看不出有任何错误。
对于较旧的浏览器，生成的代码已经降级：他们将使用
背景图像：url（bgHeader2.png）属性值，忽略渐变属性，因为它们无法解析它们（这就是为什么属性的顺序很重要）

除了生成的代码非常冗长之外，我看不出有任何错误。
您确定只使用
背景：…
而不是
背景图像：
（我不知道这是否有帮助，但如果您检查，它显示了一个支持旧浏览器的示例。但是渐变应该在IE6中工作…
您确定只使用
背景：…
而不是
背景图像：
（我不知道这是否有帮助，但如果您检查一下，它显示了一个支持旧浏览器的示例。但是渐变应该在IE6中工作…
其他人提到您的示例应该工作并优雅地降级，所以我将不深入讨论

关于渐变图像居中的旁注，控制背景图像位置的最简单方法是通过属性

不确定你不想如何定位你的背景，但猜测如下：

background-position: center center;

您也可以在background属性中直接执行此操作：

background: url(../images/bgHeader2.png) center center;

其他人已经提到，您的示例应该可以正常工作并降级，所以我不打算对此进行讨论

关于渐变图像居中的旁注，控制背景图像位置的最简单方法是通过属性

不确定你不想如何定位你的背景，但猜测如下：

background-position: center center;

您也可以在background属性中直接执行此操作：

background: url(../images/bgHeader2.png) center center;

如果浏览器中不支持这些
径向渐变
代码，则应使用背景图像。您能给出一个示例，说明这不起作用的地方吗？您测试过吗？事实上，它应该可以正常工作。我建议您使用很棒的css渐变generator@paradise看那张照片，它不会让我的照片有任何变化。如果浏览器中不支持这些
径向渐变
代码，则应使用背景图像。您能给出一个示例，说明这不起作用的地方吗？您测试过吗？事实上，它应该可以正常工作。我建议您使用很棒的css渐变generator@paradise看那张照片，它不会让我的照片有任何变化。使用速记
background:
属性会导致覆盖任何以前定义的长柄属性，即使它们没有在速记属性中指定。这就是CSS生成器通常不使用速记语法的原因。使用速记
background:
属性会导致任何以前定义的长柄属性即使没有在shorthand属性中指定它们，也要覆盖它们。这就是CSS生成器通常不使用速记语法的原因。是的，#FFFFFF可以很好地编写为#fff。此外，不需要0%和100%。是的，#FFFFFF可以很好地编写为#fff。此外，也不需要0%和100%。