相同的图像在页面的顶部和底部显示不同的颜色

Question

我碰到了以前从未见过的东西。页面有一个顶部div和一个页脚div。两者都以图像为背景。通过photoshop镜像图像。

现在奇怪的是，它显示了不同的颜色。见http://www.hp-consultants.nl

当我向我倾斜屏幕时，颜色变得相同。即使在photoshop中我也注意到了差异。有谁知道出了什么问题？

我尝试使用常规CSS颜色而不是背景图像，没有效果。甚至相同的图像显示差异

谢谢！

Answer 1

您的网页没有任何问题。使用Photohop的颜色选择器确认颜色确实完全相同。

可能会发生这种影响，因为你坐在TFT显示器前面，显示器对你看它的角度很敏感。

一些有用的背景信息：

• LCD Test: Viewing angle

• Wikipedia on TFT LCDs:

    

  TN显示器受到有限视角的影响，特别是在垂直方向上。当垂直观察时，颜色会发生偏移。在垂直方向上，颜色会移动太多，以至于它们会反转超过一定的角度。

Answer 2

颜色完全相同，快速检查任何图像编辑器都会告诉你。 TFT显示器可以根据视角对颜色做些奇怪的事情。

我们的眼睛和大脑也不像我们想象的那样善于确定颜色。你见过这种视错觉吗？

The Squares Labeled A＆amp; B是相同的颜色

Answer 3

可能是led的方向，不同的亮点。您是否尝试将浏览器窗口置于屏幕底部，以便查看页脚所在的页眉。

试试这个：

• 打开2个浏览器实例
• 调整每个窗口的大小以仅查看页眉或页脚（每个页面一个）
• 将页脚窗口放在顶部，标题窗口放在顶部
• 切换窗口位置

在我的情况下，我看到底部的一个更清晰。

希望这有助于你