tryit_yourcode See Results <!DOCTYPE html> <html> <head> <style> div.outer { background: url(https://www.w3codingschools.com/wp-content/uploads/2020/01/sample-flower.jpg) repeat; border: 1px solid black; } div.inner { margin: 50px; background-color: rgba(255, 255, 255, 0.7); border: 1px solid black; } div.inner p { margin: 25px; color: black; text-align: center; } </style> </head> <body> <div class="outer"> <div class="inner"> <p>This is some text inside the transparent box.</p> </div> </div> </body> </html>
