Wordpressリンクが貼れない

前提・実現したいこと

WordPress 5.0.3 (Optimizer PRO というテーマ)
トップビジュアルの上にボタンを設置して、そこにリンクを貼りたいが
実装中に以下のエラーが発生しました。

発生している問題・エラーメッセージ

リンクを貼ってるのに、リンクが外れている
画面左の「home」にリンクを貼ってるんですが、リンクのタグは間違いなく記述されてるのに、マウスオーバーしても指のマークにならずクリックすることができません。
![イメージ説明](0b910bc9fdd87d2f893a7b04e1403b57.jpeg)

該当のソースコード

php
1<?php
2$stat_has_img = ''; $stat_has_vid = ''; $stat_has_slideshow = '';
3if(!empty($optimizer['static_video_id']['url']) || !empty($optimizer['slide_ytbid'])) $stat_has_vid = 'stat_has_vid';
4if(!empty($optimizer['static_image_id']['url'])) $stat_has_img = 'stat_has_img';
5if(!empty($optimizer['static_gallery'])) $stat_has_slideshow = 'stat_has_slideshow';
6?>
7
8<div id="stat_img" class="<?php echo $stat_has_img.' '. $stat_has_vid.' '. $stat_has_slideshow; ?>">
9　　<div class="top-text3">
10　　　　<a href="https://〇〇〇.com">リンク</a>
11　　</div>
12（中略）
13</div>
14
15
16
17
18
19
20css
21.top-text3{
22position: absolute; 
23top:10%;
24}
25.top-text3 a {
26position: relative !important;
27}
28#stat_img {
29    position: relative;
30}
31

試したこと

position: absolute; とした場合、その中のリンクはa {position: relative;}を指定したらいいと書いてあったので、その通りにしたんですが、どうしてもリンクになりません。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。
slider-static.php という、トップ画像の部分にあたるphpに記述してるのですが、それがいけないのでしょうか？
上記のcssは省略してる部分はなく、このままです。

CHERRY

2019/02/07 04:51

HTML と CSS を一部だけ記載いただいていますが、別の要素と重なっていたりしないでしょうか？

退会済みユーザー

2019/02/07 05:06

該当部は、stat_imgという名前のdivに囲まれていて、stat_imgはposition: relative;の指定がされていたので、それが原因でしょうか

cerfweb

2019/02/07 09:40

「リンクを貼ってるのに、リンクが外れている」の「リンクが外れている」というのが具体的にどういうことかわからないのでスクリーンショットか何かでご説明願えますか。

退会済みユーザー

2019/02/07 10:21

htmlではリンクは間違いなく貼られてるんですが、マウスオーバーしても指のマークにならずにクリックできないのです。スクリーンショット貼ったんですが、見れないですね＞＜

行動規範の内容に同意します

回答1件

ベストアンサー

情報が少ないので確かなことはわかりませんが、ブラウザに実際に表示されているソースを確かめて間違いなく記述されているとしたら、その要素の上に別の要素が重なっていて邪魔をしている可能性があると思います。

投稿2019/02/07 10:23

cerfweb

総合スコア1899

退会済みユーザー

2019/02/07 10:55 編集

ありがとうございます。 htmlではなくphpでした。デベロッパーツールで確認しても、リンクのタグはちゃんと記述されていました。リンクを邪魔するような要素があるのでしょうか・・・外側のdivに設定されていた、position: relative;を消してみてもリンクが機能しなくて・・・ cerfwebさんの「その要素の上に別の要素が重なっていて邪魔をしている可能性がある」という言葉を頼りに、ダメもとでz-indexをつけて最前面にもってきたら、ちゃんと指のマークが出て来てリンク先に飛べました！ありがとうございました！

行動規範の内容に同意します