javascript,css,z-index,div stacking

我想创建一种只对页面内的单个DIV起作用的光/厚盒子.当我开火时,第一个div(phantom_back)按照我想要的方式行动,但是第二个,phantom_top在phantom_back之后设置自己,无论它的z-index和定位如何.

我究竟做错了什么？

这是我到目前为止:

    


    Change

    

        


        
asdf
    

我徘徊为什么我能找到的教程都没有提供这样的东西.

所以,我明白了.我在phantom_back上设置了绝对定位,而不是尝试重新打包它们,我只是设置了可见性.当我试图设置z-index时,它会在我身上分崩离析.

    


    Change