如果可能：如何在媒体库图像上应用Wordpress中的z索引？

我正在尝试为我们的非营利组织创建一张会员卡，并动态更新日期。是否可以在Wordpress媒体库内容（我上传的图像）的顶部添加z-index元素（如短代码）

基本上，我需要添加一个动态日期（当前月份和年份）到我们的非营利会员卡的数字版本中。我尝试过svg，但无法将其上传到媒体库，即使使用了“安全svg”插件，所以我尝试找到另一种方法将此动态元素添加到图形中。我也尝试过用CSS来设计它，结果非常接近，但无法让“户外女性联盟”正确排列，所以我就停在那里。我目前在网站上拥有的是一个静态的.png，我每个月都要更新它，如下所示：

我更喜欢的是有日期的地方（2018年7月），我希望能够添加一个动态日期，该日期将在每个新月份开始时更新，这样我就不必每月创建一个新图形并上传它-它将只更新到新月份（例如，下个月将自动更新为“2018年8月”），然后也会随着年份的变化而更新

我有一个插件，可以帮助动态设置月/年，以便使用短代码每月更新，所以我想我应该删除这张卡片上的日期，并尝试使用定位和z索引将短代码覆盖在html中。（当然，不必使用插件会更好。）

另外，卡片不一定要看起来像这样，但应该有我们组织的名称、徽标和“引导会员”标题（以及日期：）。是的，我知道会员卡上应该有会员的名字，但我还没有从我们的会员名单中找到填充的方法。：）

---

有没有关于z索引或在图像顶部插入动态日期的想法？这是可能的还是有更好的解决方法？

您可以尝试此方法。只需删除月份和年份来替换图像，并将字体系列设置为新添加的文本（类文本），以便与文本“指南成员”匹配即可

.集装箱{
位置：相对位置；
}
.文本{
位置：绝对位置；
最高：75%；
左：10%；
转换：翻译（-50%，-50%）；
字体大小：22px；
字体大小：粗体；
}
2018年11月

 <style type="text/css">
        .container {
    position: relative;
    }
   .text {
   position: absolute;
   top: 75%;
   left: 10%;
   transform: translate(-50%, -50%);
   font-size: 22px;
   font-weight: bold;
}
        </style>
   <div class="container">
  <img src="test.png" alt="Snow" style="">
  <div class="text">November 2018</div>

</div>