Html 仅将链接插入到div'；s背景图像，而不是div中的其他元素

我想只插入一个链接到div的背景图像，而不是其他元素，插入内联css！ 这是我的代码：

<div class="col-sm-4 box-home" style="background-image: url('URL-IMAGE');">

    <div id="spazio" style="height:55%;"></div>

    <div class="description" id="descr-one">
        <h2><?php the_field('titolo_il_box'); ?></h2>
        <p><?php the_field('descrizione_il_box'); ?></p>
    </div>
</div>

我想添加一个链接到背景图像

如果我在这个模式下添加一个标签，链接所有div

<a href="URL">

    <div class="col-sm-4 box-home" style="background-image: url('URL-IMAGE');">

        <div id="spazio" style="height:55%;"></div>

        <div class="description" id="descr-one">
            <h2><?php the_field('titolo_il_box'); ?></h2>
            <p><?php the_field('descrizione_il_box'); ?></p>
        </div>
    </div>

</a>

---

您不能仅添加到背景图像的链接。只能向元素添加链接，但不能添加背景。 您可以将图像从背景中分离出来，然后将文本放置在其上，并使用position:absolute

.box主页{
位置：相对位置；
最大宽度：500px；
显示器：flex；
对齐项目：居中；
}
img{
最大宽度：100%；
宽度：100%；
}
.说明{
背景色：#000；
颜色：#fff；
位置：绝对位置；
文本对齐：居中；
宽度：100%；
}

标题
描述

无法实现您想要实现的目标。无法将背景图像作为链接。您可能可以将图像放在那里，然后使用CSS定位和z-index将其移动到背景中，但这并不是它真正想要的工作方式。