<!DOCTYPE html>
<head>
<meta charset="UTF-8" />
<title>Passepartout</title>
<style>
figure {
margin:0;
padding:0;
border:1px solid #000;
display:inline-block;
position:relative;
}
figure:before {
content:"";
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
border:30px solid rgba(255 , 255 , 255 , .8);
}
figure img {
display:block;
}
</style>
</head>
<body>
<figure><img src="http://ulrichbangert.de/heimat/Roseburg/2015-10-24_Roseburg_Kuerbisfest_HDR_09.jpg"></figure>
</body>
</html>
Du meinst wohl eher den Viewport bzw. das Browserfenster? Oder hast Du tatsächlich eine Fullscreen-Anzeige?
