jqueryのオーバーレイ間違っポジショニング

StackOverflow https://stackoverflow.com/questions/1851656

  •  13-09-2019
  •  | 
  •  

質問

Iは、画像を（クラストリガー付き）DIVを有し、そのDIVは、ID容器とDIVです。コンテナのdivのための位置決めがオーバーレイが右下隅に表示されるようになり、画像が大きい場合には、画面の外に行く相対的に設定されています。

どのように私はこの問題を解決することができますか？

私はこの1つを読んでそれは私がメインのdivの外に移動することはできませんし、私は、コンテナのdivのための相対的な位置を削除することはできません、私のために良い解決策ではないでしょう - > <のhref = "HTTPS：

をオーバーレイの下に配置//stackoverflow.com/questions/1415783/jquery-tools-overlay-css-conflict-image-positioned-under-the-overlay">JqueryツールオーバーレイCSSの対立、画像

私は、フォーラムに投稿されたが、何の助けにはまだ与えられなかった - > ます。http：// flowplayer。 ORG /ツール/フォーラム/ / 32440 に40

役に立ちましたか？

解決

これは、比較的配置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>

他のヒント

私はちょうど終了bodyタグの前にオーバーレイコードを入れていても、それはまだ正しく表示されないでしょう、IE8で見つかりました。のみ上記：$（ターゲット）.appendTo（ '体'）;働いていました！これはjavascriptの他のDOMへの書き込みにはおそらくでした。単純なことは、確かにそれを使用します。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top