Hyperlink 当z索引置于另一个div之上时，div中的链接将变为非活动状态

我制作了一个3D立方体，当你点击立方体上的某个元素时，立方体顶部会显示一个div（比立方体大）。在这个div中有一些链接–问题是，正好位于多维数据集上方的链接部分不起作用。链接中不在立方体上方的部分（它们位于更右边或更左边）作为链接工作得非常好。我用z-index来定位图层，我根本不知道哪里出了问题。如果有人有什么建议，我将不胜感激

我在下面添加了我的代码——它非常广泛，所以我试图省略与问题无关的元素。我认为脚本也不应该成为问题，但我添加了与元素相关的代码以防万一

谢谢

HTML:

脚本：

    $(function(){       

var visible = false;    

    $('.exit').click(function(){
        $('#myprojects').fadeOut(1500);
        $('.projects').fadeOut(1500);           
        $('.square').attr('href', '#');                         
        $(".activenone").addClass('active');
        $(".active").removeClass('activenone'); 
        visible = false;
    });

        $('#cubefour3').click(function(){
        if (visible == false) {
            $('#myprojects').fadeIn(1500);
            $('#projectme').fadeIn(1500);
            $('.square').removeAttr("href");
            $(".active").addClass('activenone');
            $(".activenone").removeClass('active'); 
            visible = true;
        }
    });
    });

---

所以我终于让它工作了：）

我对立方体中的6条边进行了变换，使其看起来像3d，例如：

.face:nth-child(6) { 
    -webkit-transform: rotateX(-90deg) translateZ(175px); 
    -moz-transform: rotateY(-90deg) translateZ(175px);
    -ms-transform: rotateY(-90deg) translateZ(175px);
    -o-transform: rotateY(-90deg) translateZ(175px);
    transform: rotateY(-90deg) translateZ(175px);
}

translateZ以某种方式否决了我放在上面的div，所以链接不起作用。（但我对此没有解释）。然后我在新div上应用了一个转换，如下所示：

.projects {
    -webkit-transform: translateZ(275px); 
    -moz-transform: translateZ(275px);
    -ms-transform: translateZ(275px);
    -o-transform:translateZ(275px);
    transform: translateZ(275px);
}

令人惊讶的是，它现在似乎正在发挥作用：）

.face:nth-child(6) { 
    -webkit-transform: rotateX(-90deg) translateZ(175px); 
    -moz-transform: rotateY(-90deg) translateZ(175px);
    -ms-transform: rotateY(-90deg) translateZ(175px);
    -o-transform: rotateY(-90deg) translateZ(175px);
    transform: rotateY(-90deg) translateZ(175px);
}

.projects {
    -webkit-transform: translateZ(275px); 
    -moz-transform: translateZ(275px);
    -ms-transform: translateZ(275px);
    -o-transform:translateZ(275px);
    transform: translateZ(275px);
}