Titre
La douleur elle-même est l'amour, ou même ceux qui ont un collier.
Apprenez à créer une image avec un texte d'arrière-plan transparent (transparent) à l'aide de CSS.
La douleur elle-même est l'amour, ou même ceux qui ont un collier. Votre compagnon attrape généralement deux choses, alors n'oubliez pas de veiller sur lui pour une bonne cause. Lorsque vous persécutez un menteur pour trahison, les poids sont d'abord manipulés par lui.
<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 */
}