关于z-index不生效的原因及解决方法

最近在做项目的时候遇到使用z-index的时候不起作用，怎么回事呢？

代码如下：

所示效果是这样的：

原来， Z-index 仅能在定位元素上生效，所以给div的style加上z-index:-1的同时，要记得加上position:absolute;或者position:fixed;，才能生效。

代码如下：

对，就是这样，效果出来了：