0

私のテスト Web サイトは次のようになります。(うまくいけば) わかるように、(教皇の) 画像は背景の上にありますが、「緑のストライプ」の下にあります。

これは

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

メインdiv用。内部の別の div に別の z-index を持たせたい (そのため、画像だけが緑のストライプの上にある) が、たとえば次のように変更すると

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

何も変わりません。これは使用されているスクリプト jmpress.js の問題ですか、それとも css では不可能なのでしょうか?

4

2 に答える 2

0

使った

pointer-events: none;

今のところ。残念ながら、これは IE では機能しません。

于 2013-04-15T07:21:32.230 に答える
0

#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%;
}
于 2013-04-14T19:43:54.713 に答える