Css 链接在Firefox中可用，但在Chrome和Safari中不起作用

在本页上：

如果单击第一张员工照片（Mary），图像和.profile封面将移开，您将看到linkedin图标

---

在Firefox中，该图标会对悬停做出反应，并且可以单击。在Safari和Chrome中，它处于非活动状态。我不明白为什么。有什么想法吗？

看起来像是你将徽标作为一个很棒的图标拉了进来

.fa-linkedin-square:before {
    content: "";
}

---

Chrome在理解这个字符时似乎有问题。

这与

z-index

有关，该索引被设置为-1，用于

profile extra

，因此它不接收事件

---

解决此问题的一种方法是，在显示额外信息时，将

.profile extra

的

z-index设置为高于1的值：在OSX上的Chrome中，如果单击照片，会显示详细信息，但是控制台报告了未捕获的引用错误：plStaffClick未定义www.prolitho.com/wp/about/：237——您是否通过jshint运行了所有JS？Gecko（Firefox）可能容忍JS错误，但webkit（Chrome/Safari）不允许JS错误。点击是一些其他调试的残余。删除引用和错误对问题没有影响。这个角色在Chrome和Safari中显示得很好。就是这样。我将z索引在可见时更改为1，并且它工作正常。