html - 如何在div的背景图像上获取 anchor 标签？

HTML:

<div id="facey">
    <a href="http://www.facebook.com.au"></a>
</div>

css:

#facey {
    float: left;
    width: 32px;
    height: 32px;
    background: url(file:///C|/Users/User/Documents/TAFE%20-%20Web/ICAWEB411A%20Design%20simple%20web%20page%20layouts/testing%20color/icons/facey%20sprite.png) no-repeat 0 0;
}

#facey:hover {
    background-position: 0 -32px;
}

我有一个用于社交媒体图标的 css sprite，我一直在尝试在它们上放置一个 anchor 标签以访问相应的网站，但我不确定它是如何工作的，因为 sprite 图像用作背景图像和 anchor 标签在 div 中似乎对我不起作用？我不确定我在这里做错了什么？

最佳答案

将 CSS 样式 display:block; 添加到 #facey a 。

关于html - 如何在div的背景图像上获取 anchor 标签？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15936719/