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

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.