Mac上的FF上的颜色不匹配

时间:2010-10-22 09:00:44

标签: html css

this page上,<body>元素的背景颜色为#77BFBC。设置为<header>元素背景的图像(rv-banner.jpg)也具有#77BFBC的背景颜色。

在Windows(FF或IE)上,两种颜色完美融合。但是在Mac上的FF上,图像的背景颜色与<body>元素的背景颜色之间存在明显差异。我该如何解决这个问题?

谢谢, 唐

4 个答案:

答案 0 :(得分:3)

随着Firefox 3.5的发布,默认情况下启用了色彩校正,但其效果取决于您的系统配置文件:

http://hacks.mozilla.org/2009/06/color-correction/

实际上,这意味着使用颜色配置文件保存的图像会得到纠正,并且可能会显示与CSS颜色不匹配。

Firefox中可以turn off colour-correction,它解决了的问题,但仍然留下了所有其他潜在访问者。似乎从图像中删除颜色配置文件是要走的路。有一个GIMP插件可以执行此操作see here for a discussion

答案 1 :(得分:2)

显示图像时,它们会从颜色空间转换为屏幕的颜色空间。

要使JPEG图像显示与其他元素相同的颜色转换,您应该在保存之前将图像转换为sRGB颜色空间。

不支持图像中颜色配置文件信息的浏览器总是使用sRGB颜色空间,因此如果对图像使用sRGB,颜色配置文件即使对于那些浏览器也是正确的。

如果图像文件中没有颜色配置文件,则假定为sRGB颜色空间。这意味着您可以在没有颜色配置文件的情况下保存图像,以最小化文件大小。

答案 2 :(得分:1)

尝试将图片保存为png而不是jpg。如果你使用的是photoshop,那么选择“为网络和设备保存”而不是“另存为”。

答案 3 :(得分:0)

这不是因为你的代码而是颜色配置文件,我不知道你是否可以改变它。