2012-08-06 128 views
3

我有3个div在一个包含div中彼此相邻浮动。最左边的div和中间的div在右边都有一个边框。每个div都有一个背景图像。正如您在图片中看到的那样,两个(右侧)边框在中间显得较暗而顶部和底部较亮。 enter image description hereCSS:div边框似乎有阴影

当我从中间div中删除背景图像时,边框似乎具有较少的阴影。 enter image description here

当我拿走所有三个背景图像时,边框显示为纯色,就像CSS指示它们应该是一样。

enter image description here

这到底是怎么回事?

回答

6

您所看到的错误是一种错觉。看看MSPaint中的颜色。

+1

是的,与此类似:https://en.wikipedia.org/wiki/File:Grey_square_optical_illusion.PNG – stommepoes 2012-08-06 19:38:12

+1

是的,这两组边界确实是#C2CA55。 – 2012-08-06 19:38:35

+0

高中的Wooh艺术课得到了回报! – VoronoiPotato 2012-08-06 19:39:52