css - 相对定位和可点击锚点

Question

我有 2 个问题希望得到帮助！

我有一个孩子在页脚内有一个标签，我想把它放在这个页脚的中间。我试过以下。
```
footer a(or id of the anchor) {
position:relative;
top:-50px;
z-index:100;
background:url(../img/toTopLink.png);
display:block;
}

footer {
position:relative;
z-index:1;
}
```
它将自己定位在页脚之外，所以一切都膨胀了，但是<a>页脚之外的标签部分没有显示，它被剪掉了。这是为什么？我认为 z-index 会解决这个问题。它也不适用于绝对定位，这不是一个选项，因为我正在做一个响应式布局。
这个<a>带有背景图片的标签应该是可点击的，但是当我使用text-indent从视线中删除文本时，<a>带有背景图片的标签不再是可点击的。我已将其设置为显示块并尝试使用填充。

我将不胜感激任何帮助！

score 0 · Accepted Answer

对于职位问题。
CSS

footer a {
    position: absolute;
    top: -50px;
    ...
}

对于点击问题。如果您不想显示文本，请不要插入它（您可以将title属性用于 SEO 内容）。为了保持图像可点击，是一个空的a，我建议：
CSS

footer a {
    display: block;
    width: 100px;
    height: 30px;
    ...
}

1 回答 1