思路：
1.因为是竖型列表，所以外层用 相对定位，这样 在不会重叠在一起 relative
2.里面用绝对位置 absolute，覆盖在图片上面
3.这里有个小技巧，我里面有个特效，文字竖立，并向右旋转90度（webkit 内核）width: 20px; font-size: 20px; -webkit-transform: rotate(90deg);
<div style="position: relative; max-width: 560px; min-height: 115px;"> <img src="/Resources/images/hongbao_ky.png" style="width: 100%; max-width: 560px; min-height: 115px; " /> <div style="position: absolute; color: #ffffff; top: 8%; left: 3%;"><div style="width: 20px; font-size: 20px; -webkit-transform: rotate(90deg); ">2016.1.13</div></div> <div style="position: absolute; left: 20%; top: 0; color: #211b1a;"> <h2>50 代金券</h2> <h4 >核销号：12312312</h4> </div> </div>
原文：http://www.cnblogs.com/linyijia/p/5397960.html