2

編集：私はこれを理解しました。jQuery Cycle プラグインは、動作するすべてのアイテムに z-index を追加するため、最初のアイテムの z-index が常に最大になり、すべてのリンクが台無しになります。プラグインから z-index 機能を削除すると修正されました。

やあ、

現在、いくつかの内部リンクを持つ jQuery サイクルを使用して、サイクリング div を構築しています。基本的に、大きなバナーがあり、その大きなバナー内に、製品、ビデオのサムネイルなどを含む絶対配置の div があります。カスタム ページングもあります。

これはすべて、ほとんどうまく機能します。現在の私の問題は、2 番目の div に回転すると、最初の div と同じ位置にあるリンクが優先され、2 番目の div のリンクと重なるため、ユーザーの対話性に役に立たなくなることです。

これが、コードをより適切にレイアウトするためのコードの基本です。また、以下の回答に応じて、私のポジションの配置についても概説しました。

    #rotation {
         position: relative;
    }

     .rotation_item {
         position: relative;
     }

     .rotation_box {
         position: relative;
     }

<div id="rotation">
<div id="rotation_container">
      <div class="rotation_item" style="background: url('/some/background.jpg');">
             <div class="rotation_box">
                <img src='/image/for/product.jpg' />
                <h3><a href='/product/page/'>Some Cool Product!</a></h3>
             </div>
      </div> 
      <div class="rotation_item" style="background: url('/some/other/background.jpg');">
             <div class="rotation_box">
                <img src='/image/for/other/product.jpg' />
                <h3><a href='/product/page_other/'>Some Other Cool Product!</a></h3>
             </div>
      </div> 
</div>
</div>

このシナリオでは、クリックするために常に表示される唯一のリンクは/product/page/

それが理にかなっていることを願っています.jQuery Cycleパッケージ、または各rotation_itemの楽しいCSS設定を使用して、これが起こらないようにする方法を知っている人はいますか?

4

2 に答える 2

3

私は Cycle Lite プラグインでまったく同じ問題を抱えていて、気が狂いそうになりました...しかし、プラグインから z-index を削除しても、私の特定の状況は改善されませんでした (私の内部スライド HTML は、上に掲載）。

Cycle Lite プラグイン (フェード トランジションのみを含む) と完全な「Cycle All」プラグインとの間には、いくつかのロジックの違いがあるようです。

基本的に、解決策は Cycle All プラグインをインストールすることでした。技術的にはやり過ぎですが、何もハックすることなく、各画像に個別のリンクを備えたフェードスライドショーを最終的に作成しました。

于 2011-03-30T17:29:33.763 に答える
1

私の推測では、あなたのリンクはrotation_containerではなくに関連して配置されrotation_itemているため、指定された位置にぶら下がっています。まだ行っていない場合は、要素position: relativeの CSS に追加してみてください。これで問題が解決する可能性があります。rotation_item

于 2010-07-30T16:45:26.443 に答える