如何在 Netscape 中显示 CSS 线性渐变？答案

【问题标题】：How can I display a CSS linear gradient in Netscape?如何在 Netscape 中显示 CSS 线性渐变？
【发布时间】：2012-05-11 20:45:15
【问题描述】：

如何在 Netscape 中使用 CSS 线性渐变？

我正在尝试这段代码：

#gr {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#000));
    background: -moz-linear-gradient(top,  #ffffff,  #000);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000');
    -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000'); 
}

它适用于 IE、Firefox 和 Chrome，但不适用于 Netscape。

【问题讨论】：

AOL formally stopped development of Netscape Navigator on December 28, 2007, but continued supporting the web browser with security updates until March 1, 2008, when AOL canceled technical support. 你为什么要支持netscape，用户从netscape 使用你的网站的可能性微乎其微？
哇，网景？这个项目有什么要求？这就像支持 Windows 3.1
我们在做的时候，Mosaic 的支持怎么样？
我是网景用户...
浏览器很难支持在开发停止后添加的功能。

标签： css linear-gradients netscape

【解决方案1】：

Netscape Navigator 9，最后一次更新是在 2006 年和 2008 年之间作为 Firefox 的衍生版本，除了 CSS2.1 规范的大部分子集之外，不提供对 CSS 的任何真正支持。它不支持 CSS3 渐变，或大多数其他 CSS3 功能。

Netscape Navigator/Communicator 4.x 及更早版本根本没有太多 CSS 支持。

如果您真的需要渐变，最好使用背景图片。这是过去 10 年来设计人员一直在使用的传统、久经考验的方法，具有出色的跨浏览器兼容性，但摩擦很小。

如果您只是因为您是 Netscape 用户而尝试支持 Netscape，请停止浪费您的时间。切换到火狐。在这个时代，没有严肃的网页设计师使用 Netscape。

【讨论】：

和@sohaan 对相同的想法和基本答案投了反对票。
@John Riselvato：它在收集反对票时写得非常糟糕，尤其是在 CSS 属性中有错字并且格式不正确。请参阅原始修订。自从它被编辑以来，downvoters 有机会拿走他们的选票，但他们根本没有这样做（他们仍然可以！）。我发布主要是为了提供一些基本答案之外的历史见解。

【解决方案2】：

Netscape 不再受支持，而且很少有人使用。

但如果您仍想在您的网站上使用线性渐变，您可以使用 Photoshop 或任何其他图形编辑器创建图像，然后将其用作：

background-image: url('url-of-img.jpg');

【讨论】：

为什么投反对票？如果alaa 真的想用netscape 渐变，这可能是最好的方法。
谢谢你，john，我没有投反对票，我感谢你的回复，但我正在建立支持所有语言和浏览器的大型网站，我不是 Photoshop 设计师，我希望找到另一个解决方案
嘿@AlaaGamal，我可以在你的问题中看到你从#ffffff 到#000，即从极端白色到极端黑色来为这种组合创建渐变图像，如果你不需要是 Photoshop 设计师您已经安装了 Photoshop，然后您在 Photoshop 中就拥有了您想要的模板，您只需要选择该模板并在几次点击中创建图像，祝您好运
可能有人投了反对票，因为你顽固地拒绝在 u 之前输入 y 和 o。我没有添加自己的反对票，而是解决了问题，因此我不必再看它了。
我对你投了反对票，因为 background-img 不是 CSS 属性，它是 background-image