我有一个带有属性的 div:
background-color: #327EB2;
当我在浏览器上打开页面时，我注意到显示了不同的颜色。如果我截取屏幕并在 Photoshop 中打开截取的图像，我可以看到截取的颜色代码实际上是 #437BB6。我的 CSS 样式表中没有设置该颜色。
我已经在不同的显示器、不同的颜色分辨率、不同的浏览器和版本上进行了测试，从 FF 4+ 到 IE8+、Opera、Chrome、Safari 等......
其实我不认为这是显示器、分辨率或浏览器版本的问题，因为问题是显示颜色的代码实际上是完全不同的!
此外，Photoshop 警告我 #327EB2 不是“网络安全颜色”，但我认为这不是问题，因为我经常在工作表中使用非网络安全颜色，而且我从未遇到过这样的问题。
** fiddle :http://jsfiddle.net/286tE/
*更新
问题是 div 有一个背景图像和一个背景颜色。背景颜色必须与背景图像的最后一个像素的颜色相匹配(与往常一样)，即 #327EB2。
无论如何，我可以看到从图像的最后一个像素到背景颜色的不同颜色:
http://test.testblueday.eu/test/cbsissue.png
你可以在这里看到页面，问题显示在左侧“Top Marchi”列表之后:
http://test.testblueday.eu/test/cbstest.html
我留下了纯 CSS 和 JS(未压缩)，让您查看所有属性。
** 更新 2
我使用 Mac，但我们也可以在 Windows 上看到这个问题。
最佳答案
你的问题与CSS无关，问题出在图像上!
这是因为您提供的示例在额外的背景(通过 CSS “着色”的那个)显示了正确的 #327EB2，这足以知道 CSS 部分没问题。
当心在通过 Photoshop 导出的文件中进行的色彩校正/管理。
如果您无法进行颜色管理/恢复到所需的颜色，另一种解决方案是相反的，更改 CSS 颜色以匹配图像的最后一行。
关于CSS:浏览器显示的颜色代码与 CSS 样式表中设置的颜色代码不同，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13842891/