我觉得比较简单的一种方法是：
将后景图片通过html或者利用css规则设置为背景(background-image: url(您的后景图片地址))，
将前景图片直接利用IMG标签引用到html中就行了！
刚手写的，希望是你要的效果；可以兼容不同浏览器的水平和垂直居中<body style="margin:0padding:0">
<div style="height:1pxbackground-color:#000position:absolutetop:50%left:0pxwidth:100%"></div>
<div style=" background-color:#000position:absolutetop:50%left:50%width:200pxheight:100pxmargin:-50px 0 0 -100pxbackground-color:#00FFCC">插入图片</div>
</body>
如果你要做的是一个页面的某一部分的话，那就调整top的值，设为固定值就行了
