FancyBox no se muestran correctamente

Question

Tengo una página con un formulario, y me gustaría mostrar un FancyBox cuando se hace clic en un vínculo en esta página.

Tengo otra página de trabajo con un FancyBox en adelante, lo cual está bien, pero en esta página, el iframe FancyBox parece mostrar el uso de la altura / anchura incorrecta, y por debajo del formulario en la página.

A pesar de que este es un sitio de ASP.Net, estoy utilizando sólo HTML en esta página, más o menos, ya que necesito una buena cantidad de funciones rápidas del lado del cliente.

Aquí está mi código:

<a href="../TravelManagement.aspx?period=monthly" class="iframe">Add Mileage Claim</a>

$(document).ready(function() {
    $('a.iframe').fancybox({
        'frameWidth': 530,
        'overlayOpacity': 0.8,
        'overlayColor': "#000",
        'hideOnOverlayClick': false,
        'zoomSpeedIn': 1250
    });
});

También hay un jCarousel en esta página, y el propio enlace está dentro de una forma. ¿Alguien tiene alguna idea, como yo estoy atascado? He buscado en Google mucho y no encontré nada.

Answer 1

Tengo este trabajo. Fue debido al hecho de que la etiqueta se estableció con rel = "text / css" cuando se necesitaba "hoja de estilo".

Se aprende algo nuevo cada día.