Wie man ein Hintergrundbild horizontal wiederholen?

<div id="background"> <img src="images/Untitled.gif" id="Image5" alt="" style="background-repeat:repeat-y;width:273px;height:68px;"/> </div>

Ich will ein Bild zu machen, wiederholen Sie die in einer horizontalen Richtung, dachte ich, ich könnte dies, indem Sie ein Hintergrundbild, aber es funktioniert nicht. sagen Sie mir, was ich falsch mache danke.

InformationsquelleAutor Dave | 2013-05-08
  1. 3

    Probieren Sie es aus:

    <div style="height: 100px; background-image:url('picture.jpg'); background-repeat:repeat-x;">
Your text here.
</div>
    InformationsquelleAutor Ankit Dhadse
  2. 0

    Können Sie es wiederholen sich horizontal mit einem hintergrund, aber der hintergrund muss auf die container, nicht die img selbst. Etwas wie das hier tun:

    <div style="height: 68px; background: url(image.png);"></div>
    • Vergessen Sie nicht OP ist es zu Fragen für repeat-x als gut.
    • Wenn es kurz genug ist, dann wird es nicht die chance bekommen, zu wiederholen, auf der Y-Achse.
    • Stimmt, aber es kann nicht gefolgert werden, die aus der Frage.
    • Das ist, warum ich enthalten eine explizite height.
    • Aber die Höhe des Bildes ist deutlich 68px im OP, also mit einem 100px hohen container, der hintergrund wird auf jeden Fall wiederholt sowohl vertikal als auch.
    • Die 68px war nicht da, als ich die Frage beantwortet. Ich aktualisiert meine Antwort, um es 68px.
    • <div style="background-repeat:repeat-y; height: 100px; background: url(Untitled.gif);"></div> Ich verwendet, und es ist anerkannt als ein hintergrund Bild aber nicht wiederholen.
    • Ändern repeat-y zu repeat-x oder entfernen Sie die background-repeat Teil insgesamt; repeat-y bedeutet, Sie zu wiederholen vertikal, das ist nicht, was Sie wollen.
    • Beachten Sie, dass Sie sind verwirrend repeat-x mit repeat-y
    • Ich geändert es zu repeat-x mein code: <div style="height: 100px; background-image:url('Untitled.gif'); background-repeat:repeat-x;"></div> und es ist noch nicht zu wiederholen
    • href="http://jsfiddle.net/5zmB7/embedded/result,html/" >Es funktioniert für mich.
    • nun, das ist seltsam.
    • gut danke für deine Hilfe, aber es sieht aus wie es möglicherweise ein problem mit meinem browser oder html-generator... ich habe versucht, die Bearbeitung der code nach der Erzeugung aber immer noch nicht funktioniert. aber trotzdem danke. 🙂

    InformationsquelleAutor icktoofay
Schreibe einen Kommentar