1

画像を含む div (クラス トリガー付き) があり、その div は id コンテナーを持つ div にあります。コンテナー div の配置は相対に設定されているため、オーバーレイは右下隅に表示され、画像が大きい場合は画面の外に出ます。

どうすればこれを修正できますか?

私はこれを読みましたが、それは私にとって良い解決策ではありません.メインdivの外に移動することはできず、コンテナdivの相対的な位置を削除することはできません-> Jquery tools Overlay CSS Conflict, Imageかぶせる

フォーラムに投稿しましたが、まだ助けはありません -> http://flowplayer.org/tools/forum/40/32440

4

2 に答える 2

1

これは、オーバーレイ要素を比較的配置されたdivの外側に移動することで修正できます。

オーバーレイメソッドを適用する直前に、jqueryを使用してこれを簡単に行うことができます。

<div style="position: relative; top: -5px;">
    <a href="#" class="overlayTrigger" rel="myOverlay">My overlay trigger</a>
    <div id="myOverlay"> Testing 123 </div>
</div>

<script>
jQuery(function($) {
    $("a[rel].overlayTrigger").each(function() {
        var el = $(this);
        var target = el.attr('rel');
        $(target).appendTo('body');
        el.overlay({
            target: target,
            top: "center",
            expose: { 
                color: '#333',
                loadSpeed: 200,
                opacity: 0.9
            }
        });
    });
});
</script>
于 2010-04-28T12:46:00.760 に答える
1

IE8 で、body 終了タグの直前にオーバーレイ コードを配置しても、正しく表示されないことがわかりました。上記のみ: $(target).appendTo('body'); 働いた！これはおそらく、他の JavaScript による DOM への書き込みが原因でした。簡単なことですが、確実に使用してください。

于 2010-08-25T16:27:22.410 に答える