6

我想使用overflow: scroll(或自动)完成比屏幕更宽的图片库的预览。在右侧,与最后一个可见图像重叠的阴影应表明右侧可见更多图像。

这是一个小提琴:http: //jsfiddle.net/SBdLg/

首先,我想:简单,给那个图片库一个box-shadow: inset. 但这将显示在图像后面。现在,有了重叠divposition: absolute我达到了预期的效果,但box-shadow向右滚动时也会移动。

div恕我直言,当使用包含阴影而不是顶部的图像时,也会出现此问题。

CSS是否可以达到预期的效果?

4

1 回答 1

1

position: relativeouterDIV中删除并将其shadow精确定位在您需要的位置(这是丑陋的一点)将帮助您实现这一目标。

查看演示:http: //jsfiddle.net/SBdLg/11/

于 2012-12-20T18:11:05.370 回答