IE8中的同位素行崩溃

Question

所以，我在我的网站上遇到了Isotope（http://isotope.metafizzy.co）的一些问题，我正在开发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>

这是我的JS：

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

希望有人可以帮我解决这个问题，因为我被困住了

由于

Answer 1

我发现了这个问题。基本上IE8和Isotope并不喜欢与EM一起工作。一旦我将其更改为像素，所有内容都已修复。