2

我正在关注 CSS-Tricks 上的透明边框教程。但是，我的代码不会使边框透明。我的代码（在我看来）看起来是正确的。

请看这个小提琴

#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示例页面上看到它们不需要任何双重包装的 div 技巧。他们只是将 div 背景设置为白色，将边框设置为透明并指定填充的剪辑区域。

4

1 回答 1

2

交换顺序，background看看border-color：

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

于 2012-06-15T16:01:25.797 回答