2017-05-16 1 views
-2

Ich erstelle eine Vorlage für eine Website. Bis jetzt habe ich ein Vollbild-Hintergrundbild erstellt. Ich möchte Bilder am unteren Rand des Hintergrunds einfügen, aber Bilder überlappen sich. So, wie man dieses Problem löst, indem ich HTML oder css verwende?wie man Bilder ohne Überlappung mit dem Hintergrundbild einfügt

+0

Sie müssen uns Ihren Code zu erhalten: http: //stackoverflow.com/help/mcve –

Antwort

0

HTML5 hat <footer>. Wenn Sie also Bilder ganz unten einfügen möchten, verwenden Sie sie innerhalb des Fußzeilen-Tags.

Um überlappendes Problem zu adressieren, fügen Sie jedes Bild in einem anderen <div>-Tag ein und behalten Sie die richtige Struktur bei. Sie können <div class="container"> für jedes Bild verwenden. Ex- Das erste div-Tag enthält alle Bilder im Ganzen und separate Div-Tags für jedes Bild.

<div class="container-fluid> 
<div class="container"> <img src="img1.jpg"></div> 
<div class="container"><img src="img1.jpg"></div></div> 

Hoffnung das ist die Antwort, die Sie suchen

Verwandte Themen