CSS
div.background {
background: url('http://htmlcssdersleriogreniyorum.com/resimler/orange.jpg') repeat;
border: 2px solid black;
}
div.transbox {
margin: 30px;
background-color: #ffffff;
border: 1px solid black;
opacity: 0.6;
}
div.transbox p {
margin: 5%;
font-weight: bold;
}
Html
<div class="background">
<div class="transbox">
<p>Bu paragraf yoğun bir arkaplan üzerine oluşturulmuş yazı kutusuna yazılmıştır.</p>
</div>
</div>
Çıktı

Tags:

css image opacity not text
css image opacity rgba
css image opacity background
css image opacity border
css opacity kullanımı
css image hover opacity color
css change image opacity on hover