无法点击透明div下方的链接(在FireFox或IE中)

时间:2017-08-04 02:51:34

标签: css

我对此网站有疑问:

https://connectiveworldenergy.com/

在页面顶部,有一些文字说"设计一个幸福的生活,创造一个你一直梦寐以求的无压力的道路。 让我们告诉你如何!"。这是一个可点击的链接。

在FireFox和IE上,链接无法点击。

我认为它可能与z-Index有关。菜单重叠在它上面。我试过调整Z指数,但没有运气。那么我读到了z-index,看来z-index要求元素具有相同的"位置"

它上面的元素是透明背景......不确定它为什么不可点击。

1 个答案:

答案 0 :(得分:0)

您有两个元素:.cwe-ribbon(您的可点击链接)和`#top-header'(标题的其余部分)。

您为#top-header提供了一个100的z-index,因此.cwe-ribbon(您的可点击链接)需要大于此值才能位于另一个元素的顶部(并且可以点击)。

z-index的{​​{1}}设置为101.为了使.cew-ribbon能够正常工作,您需要为元素指定一个位置,然后将其设置为z-index。< / p>