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

标签 html css

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

 background-position: -14px bottom !important;

上面的代码在除 Mozila 之外的所有浏览器中都可以很好地定位图像的背景。

所以我改成下面的代码:

background-position: -14px 0!important;

它在所有浏览器中也能正常工作,但在 Firefox 中它在 bottom 处有 1px 间隙。

代码为bottom0px有什么区别????

请教我,如何克服这个问题来隐藏 bottom 1px 差距?

最佳答案

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

尝试在其余 CSS 之前放置一个重置的 CSS,这往往会解决大多数跨浏览器用户代理样式表问题。

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

关于html - css 背景图像定位在 firefox 中的工作方式不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20947051/

相关文章:

javascript - 使 Div 在可滚动溢出中聚焦并可见

html - 图像和文本彼此相邻且位于 div 中间

javascript - 通过JSON技术扫描

html - 当左侧 div 不足以填充左侧列时,正确堆叠右侧 float

html - CSS 连字符抛出错误(无效的属性值)

javascript - 带截图的 CSS 跨浏览器测试

html - anchor 链接从固定在顶部的标题下方开始

jquery - 使输入字段在 bootstrap 3 中内联

Python脚本从HTML页面提取数据

html - CSS 中的像素与像素密度