相对定位和可点击锚

Question

我有2个问题，我很乐意帮忙！

1. 我有一个孩子在页脚内的标签，我想把它放在这个页脚的中间位置。我尝试了以下内容。

   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会处理这个问题。它也不适用于绝对定位，因为我做了一个响应式布局，这不是一个选项。

2. 此<a>标签及其背景图片应该是可点击的，但当我使用text-indent从视线中删除文字时，带有背景图片的<a>是不再可点击。我已将其设置为显示块，并尝试使用填充。

我将不胜感激任何帮助！

Answer 1

对于职位问题。
CSS

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

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

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