css - 想要替换 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

我建议看看这个page , 你可以看到如何以跨浏览器的方式设置渐变。

在你的情况下它会给出类似的东西

<td width="50%"  style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#163866,endColorStr=#8bc9f3); background: -webkit-gradient(linear, left top, left bottom, from(#163866), to(#8bc9f3)) -moz-linear-gradient(top,  #163866,  #8bc9f3);"  HEIGHT: 38px;">

请注意我还没有测试过。