如何在div的背景图像上获取锚标记？

Question

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精灵,我一直试图在它们上面放一个锚标签去各自的网站,我不知道它是如何工作的,因为精灵图像被用作背景图像和锚标签在div里面似乎对我不起作用？我不确定我在这里做错了什么？

Answer 1

添加CSS样式display:block;来#facey a.