我最近重新构建了网站的页面布局，以减少所需的包装<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应该使background-image不可见，并且Chrome，Opera，IE和Edge都不正确处理此属性，就好像它是在<div>相同的大小？
或者这是FF Quantum中的一个实际错误需要解决吗？
可以在此处看到此行为：https://angeldragons.com/home/credits。背景应该在Chrome中正确显示和缩放，而不是FF Quantum。