锚定标记在IE中不起作用

Question

我目前正在为我的作品集做一些跨浏览器的测试。在查看Internet Explorer时，我发现我的所有锚标签在单击时都不能作为链接使用。我觉得IE把它们当作纯文本处理，光标悬停在上面不会改变(尽管在开发工具中是带有href属性的锚标签)。所有的链接在其他浏览器(如Chrome，Firefox，Safari)中都能正常工作，这似乎只是in浏览器的一个问题。

注意:我没有使用任何外部库。只是一些基本的CSS和Javascript，我写的。

举个例子：

​

<div class="column">
    <a target="_blank" href="some-external-url">
        <img src="images/picture.png"/>
    </a>
</div>

​

我有大约6个类似的标签，都在相同的情况下。任何意见都是非常感谢的！

编辑:这里有一个直接指向该站点的链接：thomasspencer.ca

有问题的链接是: 1)着陆图上的“了解更多”文本2)“我的工作”和“个人项目”部分中的所有照片。3)每个个人项目下的"View Github repository“文本。4)页面底部的“让我们谈谈”链接和社交媒体链接

Answer 1

我发现有几次提到，没有文本的锚定标签有时在IE中不起作用。通常提到的解决方案是添加一个不间断空格( )。

编辑:我想我已经破解了

你的身体已经被分配了-2的z指数。这使它落后于html的索引。如果你从你的身体中删除了z索引的变化，你会发现它是有效的。