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

时间:2012-12-20 18:03:03

标签: css scroll css-position css3

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

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

首先,我想:很简单,给图片库box-shadow: inset。但这将在图像背后显示出来。 现在,如果div重叠position: absolute,我会达到预期的效果,但是当向右滚动时box-shadow也会移动。

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

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

1 个答案:

答案 0 :(得分:1)

position: relative DIV中移除outer并将shadow精确定位到您需要的地方(这是丑陋的一点)将帮助您实现这一目标。

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