想要替換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