Question

在这个网站上遇到了问题：除了safari之外，每个浏览器都可以。正如你所看到的，在野生动物园里，法拉利附近有两条不同红色的线条，这是因为safari没有读取我用来保持汽车图像相同红色的背景图像1x1px（我' 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;
    }

谢谢！

编辑：我认为safari会读取背景图像，但不会读取颜色配置文件。这很奇怪，因为图像包含了ICC配置文件（正如ffox和chrome中正确显示的那样）。

Answer 1

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

但我猜真正的问题是，我的浏览器版本根本没有加载safari上的背景图像，因此Safari会使用颜色回退。

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

你可以试试这个：使用

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图片进行测试

野生动物园背景图像没有显示

2 个答案: