Html Noob关于将链接作为图像插入的问题

我被要求采取我们的横幅之一，删除CTA按钮，但仍然保持文本（在代码中标记的绝对标题）和链接活着。我想他们想要的是将链接附加到图像上，这就是我一直在尝试的。。没有成功

到目前为止，我尝试的是删除包含按钮的div类，而不是将其插入其他地方，但我不知道应该遵循的语法

我知道这可能是一个非常简单的解决办法，但我迷路了，希望有人能给我指出正确的方向。包含横幅/CTA/文本的代码段：

<section class="abso-top-3 hmid vmid" style="background-image: url(/media/wysiwyg/home/BoxingWeek-bottomleft-1000x400.jpg);">
  <div class="abso-action-toolbar-top" style="margin-top: 0px;/* text-align: left; font-style: italic;">
    <div class="abso-title" style=" font-family: 'Barlow Condensed', sans-serif; font-size: 40px; font-weight: 900; text-align: left; line-height: 0.8; font-style: normal; color: black;">
        boxing day</br><span style="font-size: 40px;color: black;">accessories</span>
    </div>
    <div class="abso-action-toolbar-banner" style="text-align: left; font-size: 35px;">
        <a href="/en_ca/hockey-ice-skating/bags-accessories/hockey-accessories.html" class="action primary-alt" title="Magasiner hockey">SHOP NOW</a>
    </div>

  </div>
</section>

节礼日
附件

诀窍在于你没有图像，只有背景，这意味着如果你想让背景图像成为一个链接，你就必须把整个

部分变成一个链接

<a href="/en_ca/hockey-ice-skating/bags-accessories/hockey-accessories.html" class="action primary-alt" title="Magasiner hockey">
  <section class="abso-top-3 hmid vmid" style="background-image: url(/media/wysiwyg/home/BoxingWeek-bottomleft-1000x400.jpg);">
    <div class="abso-action-toolbar-top" style="margin-top: 0px;/* text-align: left; font-style: italic;">
      <div class="abso-title" style=" font-family: 'Barlow Condensed', sans-serif; font-size: 40px; font-weight: 900; text-align: left; line-height: 0.8; font-style: normal; color: black;">
        boxing day</br><span style="font-size: 40px;color: black;">accessories</span>
      </div>
    </div>
  </section>
</a>



基本上删除带有“立即购物”文本的
div
，并移动链接（
a
tag）以包装该部分。
我唯一熟悉的“CTA”是芝加哥交通局。你到底想删除什么？@RoddyofFrozenpeas呼叫Action试图删除显示“立即购物”的按钮，而是将链接附加到图像本身。是的，就是这样！我知道这与这不是一个正常的图像有关，但我无法平静地把手指放在上面。我试着用我的一个横幅，它似乎工作得很好。非常感谢。