Почему CSS3 background-clip или background-origin не работает?Что не так с моим кодом?

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:

в firebug:

В моем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 (см. Также мой комментарий выше).