img wie hinter Passepartout

Hier noch mal mit :before
Code:
<!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>
 
@alle
Thema ist erledigt:
Ich nutze jetzt border und background-size.
Mein Fehler war dass meine height für das entsprechende div in Prozent angegeben war.
Ich hatte aber vergessen die body height auch in Prozent festzulegen.

Moni
 
Zurück