ich drei Bilder verwenden möchten, einen Hintergrund zu machen: meine CSS-Code Warum 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:
im Firebug:
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
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.) –