在this page上,<body>
元素的背景颜色为#77BFBC。设置为<header>
元素背景的图像(rv-banner.jpg)也具有#77BFBC的背景颜色。
在Windows(FF或IE)上,两种颜色完美融合。但是在Mac上的FF上,图像的背景颜色与<body>
元素的背景颜色之间存在明显差异。我该如何解决这个问题?
谢谢, 唐
答案 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)
这不是因为你的代码而是颜色配置文件,我不知道你是否可以改变它。