将Div背景图像转换为链接

Question

我有一个带背景图片的div：

你会发现它只是一个小箭头。 我正在使用背景图像，因为它很容易使图像居中。

现在箭头需要成为一个链接。我的问题是，div具有100％的宽度以正确地居中背景图像：因此当我使用<a>时，可以在任何地方点击完整的div并将其作为链接。 我是否有可能只使用background-image作为链接点击箭头？

我的HTML：

<div class="row3">

    <div class="ArrowToTop" style="background-image:url(../img/basics/ArrowToTop.png);background-size: contain; background-repeat:no-repeat; background-position:center center;">
    <a href="#firstPage" style="display:block; width:100%; height:100%;"></a>
    </div>

</div>

CSS：

.row3 .ArrowToTop{
    width:100%;
    height:50%;
}

Answer 1

让您的生活更轻松，不要使用内联样式。

a应为inline-block或inline，父母应为text-align:center。