CSS3のボックスシャドウが正しく動作しないのはなぜですか？

Question

私はChromeの最新バージョンを使用しています。丸い角を使用すると、ボックスの影がdivで正しく表示されません。切り取られたかどうかは、次のスクリーンショットをご覧ください。

あなたはhttp://chronologic.ath.cx/Gardner/

おかげでテストサイトを見ることができ、

slashp

Answer 1

あなたのCSSのリセットはが含まれていますあなたのdiv.containerに影をつけさせるスタイル。セレクタでこのようなオーバーフローを適用する価値のあるものは表示されないため、削除する必要があります。

html, 
div, 
span, 
head, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p, 
blockquote, 
a, 
font, 
img, 
small, 
strong, 
ol, 
ul, 
li { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    outline: 0; 
    font-size: 100%; 
    background: transparent; 
    overflow: hidden; 
}