Можно сделать так: HTML: <div id="wrap"> <img src="x_75f45bbf.jpg" width="240" height="320"> <div class="tl"></div> <div class="tr"></div> <div class="br"></div> <div class="bl"></div> </div> CSS: <style type="text/css"> #wrap { position:relative; width: 240px;} #wrap div { background:#FFF; position:absolute; width:16px; height:16px; } .tl { top:0; left:0} .tr { top:0; right:0} .br { bottom:0; right:0} .bl { bottom:0; left:0} </style> хотя упустил важный момент в вопросе.. про прозрачность... Здесь проще конечно резать картинку.