TOC
wwworkshop
Juicy Workshop

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;
}