html - Irregular responsive border for image? -


so have border this:

irregular border

how go making responsive image?

my initial idea have this:

<div class="frame">             <img src="img/tourism.jpg" alt="image" class="bw-img">             <img src="img/img-frame.png" alt="img frame" class="img-frame"> </div> 

where absolutely position frame on tourism image, both have width 100% , matching initial size, i'm not convinced way go.

any other ideas?

place border first use position:absolute stack on other image.

<div class="frame">             <img src="img/img-frame.png" alt="img frame" class="img-frame"                     style="position:absolute">             <img src="img/tourism.jpg" alt="image" class="bw-img">  </div> 

edit: info, z-index css property define 1 go on top. highest value goes on top.


Comments

Popular posts from this blog

linux - Does gcc have any options to add version info in ELF binary file? -

android - send complex objects as post php java -

charts - What graph/dashboard product is facebook using in Dashboard: PUE & WUE -