<p>假如有多个漂浮的层，来自各种开发公司：A B C D</p><p>如果层级没有协商，那么谁都可以看心情定义层级z-index，这样就会导致以下混乱：</p><p>如A公司开发的编辑器 给z-index是  10000.</p><p>B公司开发的是弹窗，给得很谦虚，是900。</p><p>C个人开发的小插件，很霸气，用的是作者的出厂日期 19890809<br /></p><p> B的弹窗里如果造个A 很正常，编辑器可以遮挡窗口；但反过来，如果编辑器提交时，需要A的提示语，那么A就会被挡了；C注定只能在最高层，如果C作为一个载体出现，那么它本身就是个BUG，其他人的出现都会被它强大的身影所遮挡。</p><p>废话多了。</p><p>个人在上厕所的时候设想出了一个协议：</p><p>window.zIndex = 100;</p><p>当A插件被实例化时，可以获取window的zIndex,如果没有，默认100，反之+1 并且更新 window.zIndex = 101;</p><p>同样，当B插件被创建时，获取到的 window.zIndex 为101，自己则为 102，window.zIndex = 102; 依次排队，不管哪个插件被创建，它都默认是最高的那个位置。</p><p>每个插件的初始化层级都是根据浏览器实时变化的；后来居上，合情合理。</p><p>CSS的层级一般由网站决定，不作考虑。<br /></p>