Image Framework7网格中图像上的文本

我在网格中有一系列图像：

<div class="row home">
   <div class="col-20 ">
     <img class="icon" alt="icon" src="icon/blue.png" />
   </div>
  <div class="col-20">
    <img class="icon" alt="icon" src="icon/blue.png" />
  </div>
  <div class="col-20">
    <img class="icon" alt="icon" src="icon/blue.png" />
  </div>
  <div class="col-20">
     <img class="icon" alt="icon" src="icon/blue.png" />
  </div>
</div>

我希望用一些文本覆盖每个图像（以编程方式，因此不是图像编辑问题）。我尝试过谷歌建议的各种方法，但都不管用。

---

对于如何覆盖文本的建议，我们将不胜感激。

您是否尝试过？是的，确实如此，但文本超出了图像……这通常是您需要使用的CSS，如果您做得正确，它应该会起作用。如果文本在图像之外，则使用负片填充或边距将其向后拉