基本上我想要做的是在身体中有一个 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;
}
}
这很有效,我在元素上有一个点击事件来切换它的可见性,但是我想将点击的元素拉到它上面,而不管它们在 DOM 中的位置。给它一个“重音”效果。目前,fadeIt 元素位于 body 标签的末尾,我觉得这更“干净”,但愿意改变它。
所以最后我想看到的是,当我点击一个触发fadeIt 元素可见性的元素时,被点击的元素将出现在它的上方,与它在DOM 中的相同位置。