firefox - 为什么某些 CSS 不适用于 Firefox？

Question

我一直在努力使我的网站不仅与 chrome 兼容，而且与 firefox 兼容，但结果并不像我希望的那样好。即使使用 Firefox 9(我今天下载的)，他们自己宣传为与更多 css 兼容的“最佳”浏览器---具体来说是 css3，但是存在无法解释的错误，可能是我的部分，有些无法正常工作CSS。

我的第一个问题是渐变。我有两个使用相同渐变代码的灰色渐变分隔线，但产生的结果却截然不同。

1. 背景图像:-moz-linear-gradient(bottom, rgb(58,58,58) 0%, rgb(85,85,85) 100%);是真正有效的方法。

2. 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，而是添加了padding:20px；在表格的标签中。它在 chrome 中运行良好，但在 firefox 中没有填充。除了边框属性之外，还有其他替代方法吗，因为我也在标签中使用了边框。

再次感谢您对我的帮助!非常感谢，因为这个错误在过去一两个小时里一直困扰着我，我仍然没有想出任何办法。

Answer 1

正如您自己发现的那样，您无法从 100% 到 %0 进行渐变，因此渐变步骤必须按百分比递增的顺序进行。 (即使某些浏览器似乎显示它，您也应该始终遵守标准!)

关于 <tr> ，此标签不带填充属性，请参阅 https://developer.mozilla.org/en/HTML/Element/tr

尝试使用 <table> 上的 cellpadding 和 cellspacing html 属性来实现您想要的效果或 <td> 上的 CSS 填充秒。