在Firefox浏览器中，背景图像有1像素的边框（仅在Firefox中出现！）

Question

有点困惑 - 我正在制作一个带有大型背景图片的微型静态网站，在Firefox浏览器中会呈现出一个1像素的黑色顶部边框。图片中没有边框，在其他浏览器中也不会呈现。我没有找到任何关于背景图片出现这种情况的参考资料，也不太确定如何解决！

- Emma W

---

你能发一张截图吗？在火狐浏览器中看起来很好。 - kapex

似乎是由于background-position: center -20%;中的-20%值计算出了一个非像素对齐的值所引起。我在所有尺寸下都看不到这条线，使用像素值代替百分比值会使其消失。至于为什么会发生这种情况，我不知道，所以点赞。 - Alexander O'Mara

添加了一张截图。我会尝试使用固定像素值来使其工作！ - Emma W

你在发布这个问题后修改了CSS吗？如果没有，你使用的是哪个版本的Firefox？我也没有看到它，尽管Alexander O'Mara所说的。 - BoltClock

我还没有修改它。我在OS X Yosemite上运行34.0版本，虽然我不能总是一致地复现它，但仍然偶尔会看到它。 - Emma W

Answer 1

这个问题似乎在最新版本的Firefox中得到了解决（不确定是否应该将其作为我的问题的答案发布还是作为问题的一部分？）

- Emma W

Answer 2

你应该确保为所有的 CSS 进行重置，比如 normalize.css。这样所有的浏览器都会表现一致。

img { border:0; }

- veronica bollettino

---

该图像是作为背景图像在CSS中提供的，而不是在<img>元素中。 - misterManSam

提醒一下 - normalize.css 已经在我的源代码头部存在了，而且在我发布这个问题之前就已经存在了，所以我不认为这是一个重置问题！此外，正如 misterManSam 指出的那样，它不是一个 img 元素。 - Emma W