CSS3は、子要素を含む内部ボックスの影を保持しますか？

Question

はこれを見ている： http://jsfiddle.net/6Yq8b/78/

子要素は、その境界の外に移動したときに、私は事業部の内部ボックスシャドウを維持することができます方法はありますか？与えられたリンクでは、何が起こるかは、子要素（「toplid」）箱の上に内部ボックスシャドウを曖昧さ...

アイデアはありますか？

Answer 1

あなたがそれにはめ込みボックスシャドウを適用することにより、#toplid要素のボックスシャドウをシミュレートすることができます

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

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

---

EDIT：

あなたは既に箱を持っています複数のボックスシャドウを使用する：

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

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