jQuery superposición posicionamiento incorrecto

Question

Tengo un div (con disparadores de clase) con las imágenes y que se encuentra en un div div contenedor con ID. el posicionamiento del contenedor div se establece en relación lo que provoca que la superposición aparece en la esquina inferior derecha y cuando la imagen es más grande que va a ir fuera de la pantalla.

¿cómo puedo solucionar este problema?

He leído este, pero que no sería una buena solución para mí, no puedo moverlo fuera de la principal div y no puedo quitar el posicionamiento relativo para el contenedor div -> Jquery herramientas de superposición CSS Conflicto, imagen posicionados bajo la superposición

He publicado en el foro pero no ayuda dieron sin embargo -> http: // flowplayer. org / herramientas / foro / 40/32440

Answer 1

Esto se puede solucionar al mover el elemento de superposición fuera del div en posición relativa.

Esto se puede hacer fácilmente con jQuery justo antes de aplicar el método de superposición, por ejemplo.

<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

Me encontré con IE8, incluso si pongo el código de superposición justo antes de la etiqueta del cuerpo de cierre, que todavía no se mostrarán correctamente. Sólo los anteriores: $ (objetivo) .appendTo ( 'cuerpo'); ¡trabajó! Esto se debe probablemente a otra Javascript escrito al DOM. cosa simple, lo utilizan para estar seguro.