我最近重组了我网站的页面布局，以减少所需的 wrapper<div>数量。除了 Firefox，一切都很好。我以前有一个<div>浏览器视口的大小并包含所有页面内容。这<div>具有三个背景图像，这些图像根据视口大小进行分层和缩放，以便整体背景在所有设备尺寸上看起来都是正确的。这是通过background-size: contain, contain, cover（图像顺序为左前、右前、回填）完成的。
当我重组布局时，<body>标签将其替换<div>为主视口大小的容器，因此背景图像现在放置在主体上。从理论上讲，这不应该产生影响，并且在 Chrome、Opera、IE 和 Edge 上也没有。然而，在 Firefox Quantum 中，背景图像根本不呈现。如果我删除说明background-size符，它们会呈现，但显然尺寸错误。
我在 Firefox 支持论坛上将此作为潜在错误提交，并被一个人告知“Firefox 处理正确，Chrome、Opera、IE 和 Edge 都是错误的”，并被第二个人告知来到这里，我现在已经做到了。
第一个人是否正确地说background-size: cover或background-size: contain在 body 标签上应该使background-image不可见，并且 Chrome、Opera、IE 和 Edge 在处理这个属性时都是不正确的，就好像它在<div>相同大小的 a 上一样？
或者这是 FF Quantum 中需要解决的实际错误？
这种行为可以在这里看到：https ://angeldragons.com/home/credits 。背景应该在 Chrome 中正确显示和缩放，但不是 FF Quantum。