我可以跨浏览器获得一致的CSS颜色吗?

时间:2010-01-25 21:25:29

标签: css firefox cross-browser colors

我正在测试一个新网站,我有一个div

background-color: #bbf6bb;

这对我来说似乎无害。然而,在我的MacBook Pro上,Firefox 3.6与Safari 4的颜色看起来非常不同。在Safari中,它是我对十六进制值所期望的颜色:淡绿色。在Firefox中,有一种明确的蓝色色调,使颜色变成绿松石色。

我知道不同浏览器处理图像的颜色不一致,但纯CSS?真?我猜测Firefox试图纠正我的显示器,希望能提供更好的打印一致性,但我更倾向于让我的网站看起来与我的用户一样,无论他们选择哪种浏览器。有任何想法吗?有人可以确认Firefox是罪魁祸首吗?

[更新:这似乎是一个侥幸。具体来说,这是Firefox的一个狭隘问题 - 请参阅下面的答案。我很困惑,但松了一口气。]

4 个答案:

答案 0 :(得分:4)

  

但我更倾向于让我的网站看起来与用户的相同色调,无论他们选择何种浏览器。

这就是问题 - 没有色彩校正,不会对不同的用户看起来相同,因为不是每个显示器都有完全相同的颜色响应。

答案 1 :(得分:0)

color managent颜色配置文件不仅可以更改图像(可以保存这些图像),还可以更改rgb颜色。

答案 2 :(得分:0)

这与浏览器无关,更多的是用户的显示器的色彩校正。每台显示器在显示颜色方面略有不同;此外,显示器周围的背景照明也起作用(温暖的日光与通常更冷的内部灯等)。

可悲的是,你无能为力。您可以在图形中嵌入颜色配置文件,这是设计专业人员在将数据发送到打印时的工作方式,但这只会为经过颜色校准的少数(图形设计人员)显示器提供一半不错的结果。设置 - 我认为IE根本不会解析颜色配置文件。

答案 3 :(得分:0)

我已经解决了这个问题!这肯定是Firefox 3.6的错误(在Mac OS 10.6上运行)。似乎与打开大量标签有关。如果我创建一个新标签并转到页面,我会略微偏离颜色(蓝绿色而不是绿色)。如果我创建一个新窗口并转到同一页面,颜色是准确的。是的,如果我刷新两个实例,这仍然会发生。

[编辑:屏幕截图错位,但我坚持这个答案。]