web字体浮在图像中央

在做项目的过程中遇到了需要将图像作为背景，将字体显示在图像中央需求。

尝试了两种做法：

第一种方法为设置一个div设置属性为relative固定这个框的位置，将图片铺在div块里。

在div再设一个div存放字体，z-index设置为2，及图片在下面，字体在上面，字框的属性设置为absoulte（绝对定位）。

这样就可以设置字体对于图像的偏移，具体代码如下：

 <div" style="position: relative;" >  <img src='/images/loading.gif' data-original="http://www.cnblogs.com//images/mobile/mobile1.jpg" />  <div style="position: absolute; z-index: 2; left: 45%; top: 45%">字体</div></div>

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：web字体浮在图像中央

关键词：web