CSS3 сохранить внутреннюю тень блока с дочерними элементами?

Question

Посмотрите на это: http://jsfiddle.net/6Yq8b/78/

Есть ли способ сохранить внутреннюю тень блока Div, когда дочерние элементы выходят за его границы? В данной ссылке происходит то, что дочерний элемент ("toplid") затеняет внутреннюю тень блока в верхней части блока ...

Идеи

Answer 1

Вы можете смоделировать тень блока на элементе #toplid, применив к нему тень вставного блока:

#toplid {
  box-shadow: inset 0 80px 42px -2px black;
}

http://jsfiddle.net/6Yq8b/86/

---

EDIT:

У вас уже есть box-shadow для этого элемента, поэтому используйте несколько box-shadows:

#toplid {
  box-shadow:0 0 20px -2px black, inset 0 80px 42px -2px black;
}

http://jsfiddle.net/6Yq8b/87/