Internet explorer 8 IE8中的同位素行崩溃

所以，我在IE8开发的网站上遇到了一些关于同位素的问题

基本上，所有列都获得了正确的宽度，但没有正确的高度重叠。我用的是imagesLoaded的东西，但它仍然没有修复它

这是它的屏幕截图

以下是其中一个框的HTML结构：

<div class="example-site professional-packages online-shop" data-build-type="professional-packages" data-example-id="203"">
    <div class="overlay">
        <div class="glass icon">l</div>
    </div>
    <img align="middle" src="/files/cache/3ed224bb16fe1239899118ac683ea7cc_f184.jpg" alt="www.www.rainline.co.nz">
</div>

希望有人能帮我，因为我被卡住了

---

谢谢

我发现了这个问题。基本上IE8和同位素不喜欢用EM来测量高度。只要我把它改成像素，一切都被修复了

var  $container;
$(function(){
    $container = $('#example-sites-container');
    $container.isotope({
        itemSelector: '.example-site',
        masonry: {
            columnWidth: 307,
            gutter: 19
        }
    });
    $container.imagesLoaded( function() {
        $container.isotope('layout');
    });
});