见：http://jsfiddle.net/M4TC5/

@ meo的演示使用transform：http://jsfiddle.net/M4TC5/2/
(和我的演示：http://jsfiddle.net/M4TC5/1/)

这真的只是显示了这个概念,您可以生成更好的转换代码(在IE中看起来不太“关闭”)使用此工具：http://www.useragentman.com/IETransformsTranslator/

HTML：

<div class="image">
    <span class="corner TL"></span>
    <span class="corner TR"></span>
    <span class="corner BL"></span>
    <span class="corner BR"></span>
    <img src="???" />
</div>

CSS：

.image {
    position: relative
}
.corner {
    position: absolute;
    background: url(???);
}
.TL {
    top: -10px;
    left: -10px
}
.TR {
    top: -10px;
    right: -10px
}
.BL {
    bottom: -10px;
    left: -10px
}
.BR {
    bottom: -10px;
    right: -10px
}