표제
고통 그 자체는 사랑, 또는 심지어 목에 걸린 것입니다.
CSS를 사용하여 투명한(투명한) 배경 텍스트가 있는 이미지를 만드는 방법을 알아봅니다.
고통 그 자체는 사랑, 또는 심지어 목에 걸린 것입니다. 당신의 배우자는 보통 두 가지를 선택하므로 정당한 이유가 있는 그를 돌보는 것을 소홀히 하지 마십시오. 당신이 거짓말쟁이를 반역죄로 박해할 때, 그가 먼저 무게를 처리합니다.
<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 */
}