Question

如何在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。

Answer 1

Netscape Navigator 9，最近在2006年和2008年之间作为Firefox衍生产品更新，除了CSS2.1规范的一大部分外，并没有提供任何真正的CSS支持。它不支持CSS3渐变或大多数其他CSS3功能。

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

如果你真的需要渐变，最好使用背景图片。这是设计师在过去10年中一直使用的传统的，经过试验和测试的方法，具有出色的跨浏览器兼容性，但摩擦力很小。

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

Answer 2

不再支持Netscape，很少有人使用它。

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

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

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

2 个答案: