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



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

这是小提琴:http://jsfiddle.net/sbdlg/

首先,我想:简单,给该图像库一个box-shadow: inset。但这将在图像后面显示。现在,使用具有position: absolute的重叠的div,我达到了所需的效果,但是box-shadow在向右滚动时也会移动。

IMHO,当使用包含阴影的图像而不是顶部的div时,也会发生此问题。

CSS根本可能效果?

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

检查演示: http://jsfiddle.net/sbdlg/11/

最新更新