CSS3 background-clip不适用于透明边框

Question

我正在关注CSS-Tricks的transparent border tutorial。但是，我的代码不会使边框透明。我的代码（对我来说）看起来是正确的。

请see this fiddle

#popup {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 300px;
    border: 20px solid rgba(0,0,0,0.3);
    border-radius: 20px;

    -moz-background-clip: padding; 
    -webkit-background-clip: padding;  
    background-clip: padding-box;     

    padding: 10px;
    margin: 20px;
    background: white;
}​

你可以在css-tricks example page上看到他们不需要任何双重包裹的div技巧。他们只是将div背景设置为白色，将边框设置为透明，并指定填充的剪辑区域。

Answer 1

交换background和border-color的顺序，请参阅：

http://jsfiddle.net/efortis/26795/4/