为什么CSS3背景剪辑或背景源不起作用？我的代码出了什么问题？

Question

我想使用三张图片制作背景：

我也想使用CSS3 background-clip或background-origin属性来使用多个图像 这是我的css代码：

    .border
    {
        background:url("fancy_title_main.png"),url("fancy_title_left.png"),url("fancy_title_right.png");
        background-repeat:repeat-x,no-repeat,no-repeat;
        background-position:center,left,right;

        background-clip: content,border,border;
        background-origin:content,border,border;
        -moz-background-clip: content,border,border;
        -moz-background-origin: content,border,border;
        -webkit-background-clip: content,border,border;
        -webkit-background-origin：content,border,border;

        border-width:0 15px;
        border-style:solid;

        width:80px;
        height:32px;
    }

然而，它在firefox 3.6.6上不起作用：

萤火虫中的

：

在我的CSS中，我设置了-moz-background-clip: content,border,border;，但它显示-moz-background-clip:border, border, border;为什么？

如何制作我想要的背景？我的CSS代码有什么问题？

谢谢

Answer 1

您需要使用内容框，边框和填充框。

https://developer.mozilla.org/en/CSS/background-clip

Answer 2

您可能需要border-color: transparent（另请参阅上面的评论）。