jquery Overlay falsche Positionierung

Question

Ich habe ein div (mit Klasse Trigger) mit den Bildern und div in einem div mit id-Containern. die Positionierung für den Container div ist relativ festgelegt, die die Überlagerung führen in der rechten unteren Ecke angezeigt werden und wenn das Bild größer ist, wird es außerhalb des Bildschirms gehen.

Wie kann ich dieses Problem beheben?

ich dies lesen, aber das wäre keine gute Lösung für mich sein, ich kann es nicht außerhalb des Hauptes div bewegen, und ich kann die relative Positionierung für den Container div nicht entfernen -> Jquery Tools Overlay CSS Konflikt, Bild unter der Auflage positioniert

ich im Forum gepostet, aber keine Hilfe wurde noch gegeben -> http: // flowplayer. org / tools / forum / 40/32440

Answer 1

Dies kann durch Bewegen des Auflageelements außerhalb des relativ positioniert div fixiert werden.

Sie können dies mit jquery leicht tun, kurz bevor Sie das Overlay-Verfahren anwenden, z.

<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>

Answer 2

fand ich mit IE8, auch wenn ich den Overlay-Code setzte kurz vor dem Schließen Body-Tag, wäre es immer noch nicht richtig angezeigt. Nur das oben: $ (Ziel) .appendTo ( 'Körper'); hat funktioniert! Dies war wahrscheinlich auf andere mit dem DOM Javascript zu schreiben. Einfache Sache, verwenden Sie es sicher sein.