jquery - 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 中不起作用。