我一直致力于让我的网站不仅兼容chrome，而且还兼容firefox，而且它的效果并不像我希望的那么好。即使使用Firefox 9（我今天下载），它们自己宣传为“最佳”浏览器，与更多css --- css3特定兼容，但是有一些无法解释的错误，可能是我自己的一些非工作的CSS。
我的第一个问题是渐变。我有两个使用相同梯度代码的灰度梯度分割器，但会产生非常不同的结果。
background-image: -moz-linear-gradient(bottom, rgb(58,58,58) 0%, rgb(85,85,85) 100%);
是真正奏效的那个。
background-image: -moz-linear-gradient(bottom, rgb(42,42,42) 100%, rgb(25,25,25) 0%);然而，没有。事实上它根本没有显示任何东西。我把第一个放在这个中，以测试它是否有效，而且确实如此，但这个特别不会。
使用Firebug，它将我的代码行改为：background-image: -moz-linear-gradient(center bottom , #2A2A2A 100%, #191919 0%);
我在某处犯了错误吗？因为我看不出示例1和2之间的区别。
我的第二个错误不是CSS3，而是添加填充：20px;在表格中的标签中。它在chrome中工作得非常好，但在firefox中没有填充。除了边框属性之外，还有其他选择，因为我还在标签中使用了边框。
再次感谢帮助我！我非常感激，因为这个错误在过去的一两个小时里一直困扰着我，我仍然没有想出任何东西。
答案 0 :(得分：2)
正如您自己发现的那样，您无法从100％到％0进行渐变，因此渐变步骤必须按百分比上升顺序排列。 （即使某些浏览器似乎显示它，你应该始终遵守标准！）
关于<tr>，此标记不采用填充属性，请参阅http://www.w3schools.com/tags/tag_tr.asp
尝试使用<table>上的cellpadding和cellspacing html属性或<td>上的CSS填充来实现您想要的功能。