html - Firefox 在图像中显示覆盖的奇怪错误

Question

当打开这个网站 https://www.sitepor500...com.br （请用一个替换 3 个点，这样这个链接就不会得到任何 SEO 汁，因为你们中的许多人可能会抱怨）你可以看到有一个图像背景和在背景图像顶部的特定图案的叠加。

在 Chrome 上一切正常，但在 FF 上，我在屏幕上看到奇怪的图案，就像附加的图像一样。我将缩放设置为 100%（我知道使用不同于 100% 的缩放可能会由于莫尔效应在任何其他浏览器中导致此问题）并且 FF 上的所有其他内容都是默认设置。

所以我问你，是否有任何 CSS 属性可以设置为覆盖，以便 Firefox 正确呈现它？

我意识到这个错误只有在我的 WINDOWS 达到 125% 的比例时才会发生（这是唯一推荐的选项）。看图片：

标签： htmlcss

Answer 1

我无法在 100% 缩放的屏幕上重复您的问题。但也许你应该添加background-size: 1px 2px;到那些背景图片中#slideshow_fundo1

<div style="position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(imagens/vegas-04.png) top left repeat; background-attachment:fixed; background-size: 1px 2px;"></div>

这会将大小固定为background-image原始大小并防止这些缩放问题。

---

更新

在 Windows 显示设置中，将比例和布局设置为 100%。为我工作。以 125% 在 FF 上测试了您的问题 - 重新创建了您的屏幕截图。