修复位置:溢出中的绝对元素:滚动时滚动元素

k_h*_*aha 6 css scroll css-position css3

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

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

首先,我想:轻松,给那个图像库一个box-shadow: inset.但这将在图像背后显示出来.现在,重叠divposition: absolute,我达到了预期的效果,但box-shadow向右滚动时也移动.

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

CSS完全可以达到预期的效果吗?

tec*_*bar 1

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

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