Wie man ein Hintergrundbild hinter Text in HTML zu schweben

September 29

Viele Websites machen intensiven Gebrauch von Hintergrundbildern für die gesamte Site, aber es gibt einige Umstände, in denen Sie nur ein einzelnes Bild im Hintergrund und nur in einer einzigen Position erscheinen möglicherweise. In diesen Fällen ist es hilfreich zu wissen, wie dieses Bild an der richtigen Stelle auf der Seite loszulösen. Es kann besonders wichtig sein, wenn Sie das Bild hinter einem anderen Seitenelement, z. B. Text, platziert sind und müssen dafür sorgen, dass alles korrekt werden abgeglichen.

Anweisungen

1 Suchen Sie den TextBlock, die Sie in Ihrem HTML-Dokument ein Hintergrundbild hinter zu schweben möchten.

2 Suchen Sie die Öffnung Absatz-Tag des Textes. Es sollte so aussehen: < p >.

3 Fügen Sie folgenden Code zur Eröffnung Absatz-Tag, dazwischen das "p" und die schließende Klammer--beachten Sie, dass die Marken zwischen den Klammern sind die zwei einzigen Apostrophe, kein Paar Anführungszeichen: Stil = "Hintergrund-Bild: URL ("); Background-Repeat: No-wiederholen; Background-Position:; "

4 Fügen Sie die vollständige URL des Bildes, das Sie hinter dem Text dazwischen die Apostrophe zwischen den Klammern im obigen Code platzieren möchten. Dies platziert das Bild hinter den Text, sondern in der oberen linken Ecke des Textblocks positioniert.

5 Fügen Sie Code nach dem Doppelpunkt nach "Background-Position", um anzugeben, wo Sie im TextBlock das Bild positionieren möchten. Sie können die Wörter "Top", "Mitte", "unten", "Links" und "rechts", in beliebiger Kombination verwenden. Beispielsweise Ihr Code könnte so aussehen: Hintergrund-Position: oben rechts; und das Bild erscheint in der oberen rechten Ecke des Blocks Absatz. Produzieren ein Hintergrundbild vollständig zentriert im TextBlock Code würde folgendermaßen aussehen: Hintergrund-Lage: Mitte-Mitte;.