Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Der Titel des Dokuments</title> <style> .background { background: url("/uploads/media/default/0001/01/b5edc1bad4dc8c20291c8394527cb2c5b43ee13c.jpeg") no-repeat center top; border: 1px solid #666; } .box { margin: 100px; background-color: #eee; border: 1px solid #666; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } .box p { padding: 15px; font-weight: bold; font-size: 20px; text-align: center; } </style> </head> <body> <div class="background"> <div class="box"> <p>Ich bin ein Text, der in einer transparenten Box platziert ist.</p> </div> </div> </body> </html>