jmpress.js使用不同的z-index值

Question

我的测试网站如下： 正如你（希望）可以看到（教皇的）图像在背景之上但在“绿色条纹”之下。

这是因为

#wrapper { position: absolute; z-index: 2;  }

为主div。 我现在想要另一个div里面有另一个z-index（所以只是图像在绿色条纹上方），但当我用例如它改变它时。

#norbert, .step, .cast, .cast_pic { position: relative; z-index: 10; }

没有什么变化。这是使用脚本jmpress.js的问题，还是使用css是不可能的？

Answer 1

只需从#stripes中删除z-index行。最终的#stripes会像

一样

#stripes {
    background: url("img/body_stripes.png") no-repeat fixed center 75% transparent;
    height: 100%;
    opacity: 0.98;
    position: absolute;
    width: 100%;
}

Answer 2

我用过

pointer-events: none;

现在。遗憾的是，这在IE中无效。