我想使用overflow: scroll
(或自动)完成比屏幕更宽的图库的预览。
在右侧,与最后一个可见图像重叠的阴影应表示右侧可以看到更多图像。
这是一个小提琴:http://jsfiddle.net/SBdLg/
首先,我想:很简单,给图片库box-shadow: inset
。但这将在图像背后显示出来。
现在,如果div
重叠position: absolute
,我会达到预期的效果,但是当向右滚动时box-shadow
也会移动。
恕我直言,当使用包含阴影的图像而不是顶部的div
时,也会出现此问题。
CSS完全可以达到预期的效果吗?
答案 0 :(得分:1)
从position: relative
DIV中移除outer
并将shadow
精确定位到您需要的地方(这是丑陋的一点)将帮助您实现这一目标。