html - 画像の下にないクリック可能なリンク

Question

私はここ数年ウェブデザインをやっています。ワードプレスのテーマのヘッダーにあるバナー画像のモックアップを作成しています。通常、画像のリンクは問題ありませんが、この場合、画像全体をクリックすることはできません。画像の右側のみがリンクです。どうしてこれなの？どうすれば修正できますか？

ウェブサイトへのリンク

バナー広告は右上の「PremiumCues」にあります。

誰か助けてくれませんか？

Answer 1

これを削除します：

.rt-container, .rt-block {
   position: relative;
}

または追加

#banner {
    z-index: 9999; /* any large number */
}

Answer 2

rt-container画像が重なっています。簡単な解決策は、バナーが含まれているdivがrt-containerdivの上に本当にレンダリングされていることを確認することです。これを行うには、より高いz-indexを設定するだけです。これをCSSに追加するだけです

#banner {
z-index:100;
}