0

サイトで特大サイズのスライドショーを使用していますが、div にテクスチャ オーバーレイを追加しました

 #slideshow-wrapper
{
    width: 100%;
    margin: -100px 0 0 0;
    padding: 0;
    height: 500px;
    background: url(/slideshow/img/slideshow-front-3.png) repeat;
    position: relative;
    z-index: 3;
}

これは特大のdivです

 #supersized
{
    display: block;
    position: absolute;
    left: 0;
    top: -15px;
    overflow: hidden;
    z-index: 1;
    height: 500px;
    width: 100%;
}

#slideshow-wrapper の z-index を 0 に変更すると、リンクはうまく機能しますが、画像のテクスチャが失われます。

テクスチャ オーバーレイを表示している間にリンクが機能するようにするための回避策はありますか?

どんな助けにも感謝します。

乾杯

4

1 に答える 1

0

テクスチャ イメージにイベント リスナーを配置し、マウス座標をキャプチャしてから、同じ座標空間を共有する、クリックする必要があるその下のアイテムにクリック イベントを渡す必要があります。

于 2013-01-21T06:44:21.257 に答える