başlık
Acının kendisi aşktır, hatta yakalananlardır.
CSS kullanarak şeffaf (içini görebileceğiniz) bir arka plan metniyle nasıl bir görüntü oluşturacağınızı öğrenin.
Acının kendisi aşktır, hatta yakalananlardır. Eşiniz genellikle iki şey alır, bu yüzden ona iyi bir amaç için bakmayı ihmal etmeyin. Bir yalancıya ihanetten zulmettiğinizde, ağırlıklar önce onun tarafından ele alınır.
<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 */
}