6

overflow: scroll(または自動)を使用して、画面よりも広い画像ギャラリーのプレビューを実現したいと考えています。右側では、最後に表示された画像に重なる影は、右側にさらに画像が表示されていることを示しているはずです。

ここにフィドルがあります:http://jsfiddle.net/SBdLg/

最初に、私は考えました:簡単に、その画像ギャラリーにbox-shadow: inset. しかし、それは画像の背後に表示されます。今、オーバーラップdivを使用するとposition: absolute、目的の効果に到達しますbox-shadowが、右にスクロールすると移動します。

IMHO、この問題は、上部の代わりに影を含む画像を使用するときにも発生しますdiv

望ましい効果は CSS によってまったく可能ですか?

4

1 に答える 1

1

DIVから削除position: relativeし、必要な場所に正確に配置すると (これは醜いビットです)、これを達成するのに役立ちます。outershadow

デモを 確認してください: http://jsfiddle.net/SBdLg/11/

于 2012-12-20T18:11:05.370 に答える