How to overlay an image/watermark with pure CSS and HTML
问题 Is there an easy way with relative positioning to overlay a transparent PNG (or any other image) over an image tag with CSS just by passing a class? <img class="watermarked" src="http://placehold.it/500x325.jpg" alt="Photo"> Then the CSS might be similar to this (not working): .watermarked{ background-image: url("http://placehold.it/100x100/09f/fff.png"); position: relative; left: 30px; opacity: 0.5; } Ideally, I would be able to define the path of my "watermark" overlay image within CSS and