我想使用overflow: scroll
(或自动)完成比屏幕宽的图像库的预览。在右边,最后一个可见图像重叠的阴影应表明右侧可见更多图像。
这是小提琴:http://jsfiddle.net/sbdlg/
首先,我想:简单,给该图像库一个box-shadow: inset
。但这将在图像后面显示。现在,使用具有position: absolute
的重叠的div
,我达到了所需的效果,但是box-shadow
在向右滚动时也会移动。
IMHO,当使用包含阴影的图像而不是顶部的div
时,也会发生此问题。
CSS根本可能效果?
从 outer
div中删除 position: relative
并将 shadow
精确定位在您需要的位置(这是丑陋的位)将帮助您实现此目标。
检查演示: http://jsfiddle.net/sbdlg/11/