将 Div Background-Image 转换为链接答案

【问题标题】：Turn Div Background-Image into link将 Div Background-Image 转换为链接
【发布时间】：2016-03-26 18:45:12
【问题描述】：

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

您会注意到它只是一个小箭头。我正在使用背景图像，因为它很容易将图像居中。

现在箭头需要是一个链接。我的问题是，div 有 100% 的宽度来正确居中背景图像：所以当我使用 <a> 时，可以在任何地方点击完整的 div，它作为链接工作。
我是否有可能只使用背景图像将箭头作为可点击的链接？

我的 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%;
}

【问题讨论】：

为什么不将background-image添加到a标签，或者只是将img添加到a？

标签： html css image hyperlink background

【解决方案1】：

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

a 应该是 inline-block 或 inline 并且父级应该有 text-align:center。

【讨论】：