Üerschrift
Der Schmerz selbst ist Liebe, oder sogar diejenigen, die mit einem Halsband versehen sind.
Erfahren Sie, wie Sie mithilfe von CSS ein Bild mit einem transparenten (durchsichtigen) Hintergrundtext erstellen.
Der Schmerz selbst ist Liebe, oder sogar diejenigen, die mit einem Halsband versehen sind. Ihr Kumpel nimmt normalerweise zwei Dinge auf, also versäumen Sie es nicht, für einen guten Zweck auf ihn aufzupassen. Wenn Sie einen Lügner wegen Hochverrats verfolgen, werden die Gewichte zuerst von ihm gehandhabt.
<div class="container">
<img src="notebook.jpg"
alt="Notebook" style="width:100%;">
<div class="content">
<h1>Heading</h1>
<p>Lorem ipsum..</p>
</div>
</div>
.container {
position: relative;
max-width: 800px;
/* Maximum width */
margin: 0 auto; /* Center it */
}
.container .content {
position: absolute; /* Position the background text */
bottom: 0;
/* At the bottom. Use top:0 to append it to the top */
background:
rgb(0, 0, 0); /* Fallback color */
background: rgba(0, 0, 0, 0.5);
/* Black background with 0.5 opacity */
color: #f1f1f1;
/* Grey text */
width: 100%; /* Full width */
padding: 20px;
/* Some padding */
}