TOC
wwworkshop
Uni Köln

2.5.3
Overlays

Um ein Overlay zu erstellen füge ein div-Element mit einer Klasse overlay ein. Das Element kannst du zusätzlich zu einem Bild oder Video in einer section platzieren. Die Inhalte des Overlays kommen in das div und das Element wird mit CSS absolut am unteren linken Rand positioniert (das kann natürlich auch geändert werden).

HTML

<div class="overlay">
    <h1>A</h1>
    <p>Dies ist ein A.</p>
    <a href="b.html">Weiter</a>
</div>

CSS

.overlay {
    position: absolute;
    left: 20px;
    top: 20px;
}