css背景图像定位在firefox中的工作方式不同

Question

我使用图像作为表格单元格的底线。

 background-position: -14px bottom !important;

上述代码适用于除Mozila之外的所有浏览器中图像的背景定位。

所以我改为以下代码：

background-position: -14px 0!important;

它在所有浏览器中都运行良好，但在Firefox中，它在1px处有bottom个缺口。

代码bottom和0px ????

之间有什么区别

请告诉我，如何隐藏此问题以隐藏bottom 1px差距？

Answer 1

据我所知，0px和bottom之间没有重大区别，他们都告诉图像位于div的底部，但我确实认为问题源于Firefox的用户代理样式表。

尝试在CSS的其余部分之前放置一个重置css，这可以解决跨浏览器用户代理样式表问题的大多数问题。

http://meyerweb.com/eric/tools/css/reset/

Answer 2

尝试使用

table { 
border-spacing:0;  /*  'cellspacing' equivalent  */
border-collapse:collapse;
}

table td, table th
{
padding: 0; /* 'cellpadding' equivalent */
}

table, th, td
{
border:0;
}