Nadpis
Bolest sama o sobě je láska, nebo i ty s obojkem.
Naučte se, jak vytvořit obrázek s průhledným (průhledným) textem na pozadí pomocí CSS.
Bolest sama o sobě je láska, nebo i ty s obojkem. Váš partner obvykle zvedne dvě věci, takže nezanedbávejte, že se o něj postaráte pro dobrou věc. Když pronásledujete lháře za zradu, závaží nejprve zvládá on.
<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 */
}