-3

How do I use a CSS linear gradient with Netscape?

I am trying this code:

#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'); 
}

It works with IE, Firefox, and Chrome but it does not work with Netscape.

4

2 回答 2

5

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

Netscape Navigator/Communicator 4.x 和更早的版本根本没有很多 CSS 支持。

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

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

于 2012-05-11T22:00:52.393 回答
2

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

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

background-image: url('url-of-img.jpg');
于 2012-05-11T20:52:51.707 回答