z-index和远离分离的元素

Question

基本上我想要做的是在身体中有一个div，一个固定的位置漂浮在一切之上。这是我有问题的下一部分，这是我用它的代码（在LESS中）

.fadeIt{
    opacity:0;
    cursor:pointer;
    .transition (opacity .5s linear);
    z-index:-1;
    display:block;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5);
    &.cover{
        z-index:101;
    }
    &.open{
        opacity:1;
    }
}

这很有效，我在元素上有一个click事件来切换它的可见性，但是我想把被点击的元素拉到它上面而不管它们在DOM中的位置。赋予它“重音”＃34;影响。目前fadeIt元素正好在body标签的末尾，我觉得这是＆＃34;更清洁＆＃34;但我愿意改变它。

所以我最终想要看到的是当我点击一个触发fadeIt元素可见性的元素时，点击的元素将在DOM内部的相同位置显示在它之上。