k_h*_*aha 6 css scroll css-position css3
我想使用overflow: scroll(或自动)完成比屏幕更宽的图库的预览.在右侧,与最后一个可见图像重叠的阴影应指示右侧可以看到更多图像.
这是一个小提琴:http://jsfiddle.net/SBdLg/
首先,我想:轻松,给那个图像库一个box-shadow: inset.但这将在图像背后显示出来.现在,重叠div有position: absolute,我达到了预期的效果,但box-shadow向右滚动时也移动.
恕我直言,使用包含阴影而不是div顶部的图像时也会出现此问题.
CSS完全可以达到预期的效果吗？
position: relative从DIV 中删除outer并将其精确定位shadow在您需要的位置（这是丑陋的一点）将帮助您实现这一目标。
查看演示： http://jsfiddle.net/SBdLg/11/