野生动物园背景图片未显示

Question

此网站有问题：除了野生动物园外，所有浏览器都可以。如您所见，在野生动物园中，法拉利附近有2行红色不同的线，这是因为野生动物园不会读取1x1px的背景图像，而背景图像是我用来保持与汽车图像相同的红色（I' m使用图像，因为汽车已合并了颜色配置文件，所以颜色代码不同。]

http://www.aformulaonehistory.com

任何人都知道为什么吗？

结构是这样的

<div class="background_color">
    <div id="car_in_background">
    </div>
</div>

具有这样的CSS：

    .background_color {
        background: url('http://www.mydomain.com/img/image.jpg') repeat;
    }

    #car_in_background {
        background: url('http://www.mydomain.com/img/car.jpg') no-repeat center center;
        background-size:contain;
        height:101%;
        overflow:hidden;
        position:relative;
    }

谢谢！

编辑：我认为野生动物园可以读取背景图像，但不能读取颜色配置文件。这很奇怪，因为图像包含了ICC配置文件（正确显示为ffox和chrome）。

Answer 1

嗯...如果我在不同的浏览器中比较颜色代码，它们就无法组合在一起。 Safari中加载的图片本身具有完全不同于网站或背景的其他颜色。

但是我想真正的问题是，在我的浏览器版本中，Safari浏览器上的背景图像根本没有加载，因此Safari使用了后备颜色。

并且如果您在网站上看起来非常详细，则可以看到，灰色图片也不适合100％背景。

您可以尝试以下操作：使用

background: #c54040;
background: url('http://www.aformulaonehistory.com/img/backgr/c54040.jpg') repeat;

代替

background: #c54040 url('http://www.aformulaonehistory.com/img/backgr/c54040.jpg') repeat;

也许有帮助；）

Answer 2

我想这是根据http类型的图像。您可以尝试使用https图片进行测试