链接无法在具有正z-index的绝对容器中工作

时间:2016-11-28 08:25:37

标签: javascript jquery html css

问题可以在我正在开发的网站上看到https://manu354.github.io/portfolio/

无法点击标题中的链接。经过快速搜索,我意识到这是因为我的div被定位为绝对的。我把它定位为绝对的,所以它没有在我的页面布局中占用任何空间。为了解决这个问题,多个答案说要在我的div中添加z-index : 10;。这让我点击链接(指针/悬停功能工作)并完全修复我的外部链接到Facebook或Twitter的问题。但是我的内部功能链接,例如href="#welcome"是可点击的,但是他们没有移动到他们想要的区域(如果div相对定位,则有效)。

例如(实际代码更长,并使用旋转滑块)

<div style="position:absolute; z-index:1;">

<a href="#welcome" target="_self" style="z-index: 10;>

</div>

有人知道解决这个问题吗?

由于

1 个答案:

答案 0 :(得分:-1)

嗯它不起作用,因为你的ID链接#34;欢迎&#34;但div的id是&#34; welcome_forcefullwidth&#34;。

Welcome ID

如果您删除&#34; _forcefullwidth&#34;或添加你的href&#34; _forcefullwidth&#34;它会起作用

更不用说剩下的ID无处可寻了

我在你的网站上看到很多内联风格,网站太复杂了。代码不是那么干净。