Unten ist die Syntax, die ich für das Hintergrundbild verwende. Aus irgendeinem Grund wiederholt es sich auf Y. Ich kann nicht overflow:hidden;background-image: no-repeat funktioniert nicht, Syntax ist korrekt
<style>
body{background-image:url('<?php echo $ActualPath; ?>images/backgroundimage.jpg'); background-image:no-repeat;}
</style>
Ich möchte verwenden, um den Hintergrund-Bild no-repeat auf x und y.
Die Syntax, die Sie verwenden sollten, ist
background-image: url(path/images/backgroundimage.jpg);
background-repeat: no-repeat;
.. oder alternativ
background: url(path/images/backgroundimage.jpg) no-repeat;
, wenn Sie die short-hand syntax bevorzugen.
background-image definiert immer nur eine Bilddatei. In Ihrem Beispiel versucht die zweite background-image Regel, die erste zu überschreiben, aber da "no-repeat" keine gültige Bilddatei ist, ignoriert der Browser sie einfach.
Die verschiedenen Hintergrundeigenschaften sind als Referenz aufgeführt here.
Der Hintergrund wiederholt sich nicht, aber sein weißes Bild danach. – X10nD
Was sollte anstelle von Weiß sein? Können Sie mit einem Beispiel verlinken - es ist ziemlich schwer zu sagen, was sonst falsch ist? – lucideer
Kann nicht glauben, dass die Reihenfolge wichtig ist, aber es scheint, dass es funktioniert: \ – rogerdpack
können Sie background-repeat:no-repeat;
Die background Eigenschaft hat ein paar Eigenschaften verwenden, die Sie ändern können.
Sie diese einzeln festlegen können, wie das, was Sie‘ Ich versuche es zu tun. Wenn Sie dieselbe Option zweimal einstellen, wird nur die letzte wirksam.
Sie setzen background-image zweimal, wo der zweite background-repeat sein sollte.
Es gibt auch eine Kurzschreibweise, wo man etwas tun wie
background:#ffffff url('img_tree.png') no-repeat right top;
mehrere Eigenschaften in einer Zeile zu setzen. Sie könnten, dass Ihr Code
body{ background: url('<?php echo $ActualPath; ?>images/backgroundimage.jpg') no-repeat; }
ändern Für immer keine Wiederholung von Hintergrund in HTML verwendet diese Syntax: CSS (Internal Sheet) Verwendung diesen Code in der Art-Tag im Kopfteil
background-image:url("some picture url");
background-repeat:no repeat;
-Es wird Hintergrundbild der einzelnen Ansicht ohne Wiederholung zur Verfügung stellen.
Wollen Sie nicht Hintergrund wiederholen: No-Repeat statt Hintergrundbild? –
Syntax ist nicht korrekt. – canon
Syntax stimmt nicht, wer? –