Question

我创建了一个灯箱，我将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();
});

Answer 1

我认为，分号（;）错误。

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

同时发布您正在使用的样式，它应该是position:fixed

jQuery灯箱不在ie8中心

1 个答案: