css - CSS3 ボックスの影が正しく機能しないのはなぜですか?

Question

最新バージョンの Chrome を使用していますが、丸みを帯びた角を使用すると、div にボックスの影が正しく表示されません。切り落とされているか何かのように見えます。以下のスクリーンショットを参照してください。

テスト サイトはhttp://chronologic.ath.cx/Gardner/で確認できます。

ありがとう、

スラッシュ

Answer 1

CSS リセットには、影を切り取るoverflow: hidden原因となっているスタイルが含まれています。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;
}