лайтбокс jQuery не центрируется в ie8 - PullRequest
Новая
       15

лайтбокс jQuery не центрируется в ie8

0 голосов
/ 30 марта 2012

я создал лайтбокс, в котором я центрировал div по горизонтали и вертикали с фиксированной позицией и jquery.

Все работает отлично, за исключением того, что в ie8 кажется, что он не вычитает ширину и высоту объекта. Таким образом, он находится не в самом центре экрана, а немного снизу и справа.

Есть идеи, как заставить это работать хорошо? 

function lightbox(){
    var w_width = $(window).width();
    var w_height = $(window).height();

    var obj_width = $('.image_big').width();
    var obj_height = $('.image_big').height();

    $('#image_big').css('top', (w_height / 2) - (obj_height / 2)).css('left', (w_width / 2) - (obj_width / 2))
}

lightbox();

$(window).resize(function(){
    lightbox();
});

1 Ответ

0 голосов
/ 30 марта 2012

точка с запятой (;) ошибка, я думаю. 

 $('#image_big').css('top', (w_height / 2) - (obj_height / 2)).css('left', (w_width / 2) - (obj_width / 2));

Также опубликуйте стиль, который вы используете, он должен быть position:fixed

...