使用固定 DIV 时禁用 Firefox 抗锯齿

Question

我在 Firefox 中发现了一个奇怪的错误。我也在 Chrome 中测试过，但没有发生..

我正在使用背景对象。这是一个位置固定、大小为 1920*1050 的 div。我需要这个，因为我希望我的网站与所有分辨率兼容。较小的分辨率会隐藏大部分背景，但全高清用户可以看到整个背景。

如果我对这个 div 使用绝对位置，我的浏览器会给我水平滚动的能力。我可以用隐藏溢出来隐藏它，但我不能禁用滚动功能。使用固定位置，浏览器不会“看到”整个对象，这相当于禁用了水平滚动。

如果有人有其他解决方案，我将不胜感激。

这个解决方案的问题是：

您可以看到两者之间的区别。它是相同的文本样式，但在固定样式上没有抗锯齿。使用较小的字体大小真的很烦人。

过去有人遇到过这个错误吗？我该如何解决它，或任何其他背景图像的解决方案？

更新

好的，我删除了 div，并为我的 body 标签添加了背景，具有固定属性，并且发生了同样的情况...... 背景附件：固定；

Answer 1

不太清楚你的背景应该做什么。但是，如果您需要适合所有浏览器窗口大小的按比例缩放背景，您可以使用thisplugin 和具有预加载功能的相当高分辨率的 JPG。

Answer 2

从父元素中移除任何 box-shadow 属性。这对我有用。