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;
    ...
}

クリックの質問について。テキストを表示したくない場合は、挿入しないでください（titleSEO関連の属性を使用できます）。画像をクリック可能に保つために、空aであることをお勧めします：
CSS

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

1 に答える 1