Html <；td>；标签在Firefox中不起作用

我有一个HTML表，正在尝试使用

上的

style

属性添加渐变。这适用于IE，但不适用于Firefox、Opera或Chrome

<td height="100%" width="10%" valign="top"
    style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#6487DB'‌​, endColorStr='#003366', gradientType='0');" >
</td>

如何在Firefox等应用程序中实现此功能？

此：

filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#6487DB'‌​, endColorStr='#003366', gradientType='0');

是IE特有的代码。它不应该在其他浏览器中工作。有关在其他浏览器（支持css3）中执行此操作的方法，请参阅

编辑：从我之前发布的链接复制，并修改为正确的颜色

---

“filter:progid:DXImageTransform.Microsoft.gradient”语句仅适用于Internet Explorer！将以下代码添加到样式表中：

<style>
.mygradientstyle{
background:#6487DB; /* Old browsers */
background:-moz-linear-gradient(top,#6487DB 0%, #003366 100%); /* FF3.6+ */
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#6487DB),color-stop(100%,#003366)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,#6487DB 0%,#003366 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,#6487DB 0%,#003366 100%); /* Opera11.10+ */
background:-ms-linear-gradient(top,#6487DB 0%,#003366 100%); /* IE10+ */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6487DB ', endColorstr='#003366',GradientType=0 ); /* IE6-9 */
background:linear-gradient(top,#6487DB 0%,#003366 100%); /* W3C */
}
</style>

.mygradientstyle{
背景：#6487DB；/*旧浏览器*/
背景：-moz线性梯度（顶部，#6487DB 0%，#003366 100%）；/*FF3.6+*/
背景：-webkit渐变（线性、左上、左下、颜色停止（0%，#6487DB）、颜色停止（100%，#003366））；/*铬、Safari4+*/
背景：-webkit线性梯度（顶部，#6487DB 0%，#003366 100%）；/*Chrome10+，Safari5.1+*/
背景：-o-线性梯度（顶部，#6487DB 0%，#003366 100%）；/*操作11.10+*/
背景：-ms线性梯度（顶部，#6487DB 0%，#003366 100%）；/*IE10+*/
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#6487DB'，endColorstr='#003366'，GradientType=0）；/*IE6-9*/
背景：线性梯度（顶部，#6487DB 0%，#003366 100%）；/*W3C*/
}

。。。然后在源代码中使用类“mygradientstyle”调用您的：

<td height="100%" width="10%" valign="top" class="mygradientstyle">

。。。这应该适用于所有浏览器

如果需要从左到右的渐变，请使用以下代码：

<style>
.mygradientstyle{
background:#6487DB; /* Old browsers */
background:-moz-linear-gradient(left,#6487DB 0%,#003366 100%); /* FF3.6+ */
background:-webkit-gradient(linear,left top,right top,color-stop(0%,#6487DB),color-stop(100%,#003366)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(left,#6487DB 0%,#003366 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(left,#6487DB 0%,#003366 100%); /* Opera11.10+ */
background:-ms-linear-gradient(left,#6487DB 0%,#003366 100%); /* IE10+ */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6487DB', endColorstr='#003366',GradientType=1); /* IE6-9 */
background:linear-gradient(left,#6487DB 0%,#003366 100%); /* W3C */
}
</style>

.mygradientstyle{
背景：#6487DB；/*旧浏览器*/
背景：-moz线性梯度（左，#6487DB 0%，#003366 100%）；/*FF3.6+*/
背景：-webkit渐变（线性、左上、右上、色挡（0%，#6487DB）、色挡（100%，#003366））；/*铬、Safari4+*/
背景：-webkit线性梯度（左，#6487DB 0%，#003366 100%）；/*Chrome10+，Safari5.1+*/
背景：-o-线性梯度（左，#6487DB 0%，#003366 100%）；/*操作11.10+*/
背景：-ms线性梯度（左，#6487DB 0%，#003366 100%）；/*IE10+*/
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#6487DB'，endColorstr='#003366'，GradientType=1）；/*IE6-9*/
背景：线性梯度（左，#6487DB 0%，#003366 100%）；/*W3C*/
}

---

同样，代码片段

background:-o-linear-gradient（左，#6487DB 0%，#003366 100%）；/*Opera11.10+*/

应与Opera版本10或更高版本配合使用。Opera 9或更低版本超出了我的知识范围，但我认为不支持渐变。任何人对此有何见解？

您能描述一下您的问题的任何细节吗！在标签

filter

中将使用css的样式赋予tr是Microsoft特有的魔术，而不是css，因此它无法在任何其他浏览器中工作。另请参阅我在我的答案中添加了一个代码片段（取自我提供的链接）。除了IE之外，还有其他浏览器的过滤器吗？我这里得到的渐变是从上到下的。但我要从左到右。我能在背景中说“左”而不是“顶”吗：-moz线性梯度（顶，#6487DB 0%，#003366 100%）？？？i、 e.，#6487DB向左和#003366向右谢谢你！！！这里得到的梯度也是从上到下的。但我要从左到右。我能在背景中说“左”而不是“顶”吗：-moz线性梯度（顶，#6487DB 0%，#003366 100%）？？？i、 例如，左侧为#6487DB，右侧为#003366第一个声明应具有“线性、左上、右上”，然后将每个后续声明的“上”一词更改为“左”。

<style>
.mygradientstyle{
background:#6487DB; /* Old browsers */
background:-moz-linear-gradient(left,#6487DB 0%,#003366 100%); /* FF3.6+ */
background:-webkit-gradient(linear,left top,right top,color-stop(0%,#6487DB),color-stop(100%,#003366)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(left,#6487DB 0%,#003366 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(left,#6487DB 0%,#003366 100%); /* Opera11.10+ */
background:-ms-linear-gradient(left,#6487DB 0%,#003366 100%); /* IE10+ */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6487DB', endColorstr='#003366',GradientType=1); /* IE6-9 */
background:linear-gradient(left,#6487DB 0%,#003366 100%); /* W3C */
}
</style>