shadow - CSS box-shadow 显示奇怪的白色区域？

Question

以下代码适用于我的所有图像，但是，当我在html5 画布容器上使用它时，它会在实际阴影之前显示一个奇怪的白色区域。

CSS：

#container{
    width: 500px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    margin: 0px;
    padding: 0px;
    -webkit-box-shadow: 0 8px 6px -6px black;
       -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;
}

HTML：

<div id="container"></div>

结果：http: //i.imgur.com/0uk5yVQ.png

---

有谁知道如何解决这一问题？我从http://css-tricks.com/snippets/css/css-box-shadow/获取了原始代码

Answer 1

之所以会这样，是因为默认情况下图像是内联的。如果你添加display: block;它 - 空白将消失。像这样（http://jsfiddle.net/skip405/tFUPU/2/

#container img {
    display: block;
}