html - 可点击的链接不在图片下方

Question

我已经做网页设计几年了。我正在模拟 wordpress 主题标题中的横幅图像。通常图像链接没有问题，但在这种情况下，整个图像不可点击。只有图像的右侧是链接。为什么是这样？我如何解决它？

网站链接

横幅广告是右上角的“PremiumCues”。

你们中的任何人都可以帮助我吗？

Answer 1

删除这个：

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

或添加

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

Answer 2

你有rt-container重叠的图像。一个简单的解决方案就是确保带有横幅的 div 真正呈现在 rt-container div 之上。为此，只需设置更高的 z-index。只需将其添加到您的 CSS

#banner {
z-index:100;
}