html图片动态增加文字

<body>
<!--
<div class="logo">
    <img src="${imagePath}/disc.PNG" height="848" width="1196"/>
    helloword
</div>
-->

<div style="position:relative;">
      <img src="${imagePath}/disc.PNG" height="848" width="1196"/>
      <div style="position:absolute; z-index:2; left:100px; top:100px">结果1</div>
      <div style="position:absolute; z-index:2; left:400px; top:300px">结果2</div>
      <div style="position:absolute; z-index:2; left:400px; top:300px">结果3</div>
      <div style="position:absolute; z-index:2; left:400px; top:300px">结果4</div>
</div>

</body>
</html>

  后期可以把结果1234换成模板获取

原文地址:https://www.cnblogs.com/q1359720840/p/11028338.html