<html>
<head>
<style>
div.background {
background: url(https://www.w3schools.com/css/klematis.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;
color: #000000;
}
</style>
</head>
<body>
<div class="background">
<div class="transbox">
<p>This is some text that is placed in the transparent box.</p>
</div>
</div>
</body>
<!-- Mirrored from www.w3schools.com/css/tryit.asp?filename=trycss_transparency by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 31 Mar 2021 13:04:40 GMT -->
</html>