1

这个网站有一个问题:除了 safari 之外,每个浏览器都可以。如您所见,在 safari 中,法拉利附近有 2 行不同的红色,这是因为 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 中正确显示)。

4

2 回答 2

0

嗯...如果我比较不同浏览器中的颜色代码,它们不适合。在 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;

也许这有帮助;)

于 2013-09-23T22:33:02.830 回答
0

我猜它是根据http类型的图像。你可以尝试一些https图片进行测试

于 2020-04-12T21:51:05.703 回答