Scrollowany div i inner shadow

0

czesc wszystkim.

robie cos w rodzaju galerii zdjec.
mam diva z overflow-y: scroll;.
w srodku znajduja sie "itemy" ustawione jeden po drugim (float:left) zeby utworzyc siatke.
teraz chce dodac cien wewnatrz tego "scrollowanego" diva, tak zeby nadac mu troche głębi.

box-shadow:inset 0 0 10px #000000; wyglada idealnie ale do momentu kiedy zaczne scrollowac do dolu - wtedy te "itemy" wchodza nad cień i psuja efekt.
jak to obejsc?

pozdrawiam
cimak

0

stała wysokość itemu nie pomoże?

0

itemy maja stala wysokosc i szerokosc.

tak to wyglada:
user image

w momencie jak przewiniemy troche w dol, to "itemy"-miniaturki zaczynaja wchodzic na cien:
user image

chcialbym zeby cien przykrywal takze obrazki.

jedyne rozwiazanie jakie przychodzi mi do glowy to ustawienie pustego diva (rzucajacego cien) na samej gorze galerii, tak zeby bylo widac tylko cien. mam jednak wrazenie ze to rozwiazanie jest... nieeleganckie ?

0

Strzelam zupełnie, ale padding/margin nie pomogą?

0

cien jest dodawany do tla.
obrazki sa ponad tlem wiec zakrywaja cien. padding/margin raczej nie ma nic do tego.

1 użytkowników online, w tym zalogowanych: 0, gości: 1