2011-01-03 9 views
0

ich drei Bilder verwenden möchten, einen Hintergrund zu machen: meine CSS-Code alt textalt textalt textWarum funktioniert der CSS3 Hintergrund-Clip oder Hintergrund-Ursprung nicht? Was ist falsch an meinem Code?

Neben möchte ich CSS3 Hintergrund-Clip oder Hintergrund-origin-Eigenschaft verwenden, hier mehrere Bilder zu verwenden ist:

.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; 
    } 

aber es funktioniert nicht, auf Firefox 3.6.6: alt text

im Firebug: alt text

In meinem css, stelle ich die -moz-background-clip: content,border,border; aber es zeigen -moz-background-clip:border, border, border; Warum?

Wie kann ich den Hintergrund so gestalten, wie ich es wollte? Was ist los mit meinem CSS-Code?

Danke

+0

aus dem Code und dem Screenshot sieht es aus wie Sie eine 15px Grenze auf beiden Seiten haben, die bedeckt, wo der Hintergrund sein sollte. Es ist also schwer zu sehen, welche Ergebnisse du erzielst. Eine URL würde helfen. (Und beachten Sie auch http://stackoverflow.com/questions/4578425/css3-background-origin-property-does-work-in-firefox/4578956#4578956, die auch wichtig ist.) –

Antwort

0

Sie könnten border-color: transparent wollen (und auch meinen Kommentar oben).

+0

Der schwarze Bereich ist die Grenze- Stil: solider Effekt, dann annulliere ich es, es funktioniert immer noch nicht – hh54188

Verwandte Themen