在图片指定位置上输出文字

在图片指定位置上输出文字，不管在任何分辨率下文字的位置不变

1：要先将图片的宽高写固定，

2：将文字的标签包在图片的div中，利用padding-top确定文字的位置

说白了就是要将文字的位置相对图片定位好就行了

html:
<div class="rewardBg"><p>23234</p></div>

css:
.rewardBg{background: url('/assets/p-default/images/act/score.png') no-repeat;width:226px;height:160px;background-size:100%;margin:0 auto;}
.rewardBg p{font-size: 30px;color:#fff;text-align: center;width:100%;padding-top:96px;}