想要替换DXImageTransform以使FireFox / Chrome兼容

Question

以下代码不适用于FF和Chrome，但适用于IE。我想替换这部分以确保它适用于所有浏览器。

任何人，不知道吗？

以下代码：

<td width="50%"  style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#163866,endColorStr=#8bc9f3); HEIGHT: 38px;">

Answer 1

td {
   background: -webkit-gradient(linear, left top, left 38, from(#163866), to(#8bc9f3));
   background: -moz-linear-gradient(top, #163866, #8bc9f3 38px);
   FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#163866,endColorStr=#8bc9f3)
   height: 38px;
}

这适用于FF 3.6 +，Safari 4 +，Chrome和IE 6+（我认为它支持渐变滤镜）。每个浏览器都会忽略它不理解的声明，因此所有3个浏览器都支持所有主流浏览器。 Opera尚不支持渐变，而是使用SVG（可缩放矢量图形）

Firefox Gradient documentation

Webkit (Safari/Chrome) Gradient documentation

Opera Gradients