Source Code: (back to article)
<!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>