jQuery同位素-webkit转换呈现问题

我已经在jquery同位素上进行了一段时间的黑客攻击，尤其是在chrome/safari上。布局呈现如下所示：。当您调整窗口大小或点击过滤器按钮时，它们将正常移出。在检查代码时，我看到-webkit transform:translate表示只显示了图片的一部分

我已经剥离了代码，从头开始，以确保我没有遗漏任何步骤，但这令人难以置信地沮丧，因为它似乎只是一个Chrome/Safari问题，而IE9/Firefox4似乎正确地呈现了这一点

我曾尝试禁用变换和css渲染，但没有任何效果，因为它仍然渲染堆叠和裁剪的图片。在本地测试时，它有时会像我上传的图片一样出错，但有时很好

我已将页面上载到此目录：

来自同位素文档：

图像 图像的内联尺寸，最好 方法是指定宽度和宽度 内联图像的高度

<img src="img-file.jpg" width="280" height="160" />

---

在你的演示中，每次重新加载我都会得到不同的渲染。在我看来，脚本是在图像完全加载之前启动的，这表明coreyward的反应：同位素需要知道图像的尺寸。应该通过指定图像的宽度和高度来固定

但是，如果需要快速修复并测试这是否是问题所在，则可以启动脚本，直到图像加载完毕：

$(window).load(function(){  
  $container.isotope({
    itemSelector : '.design'
  });
});

---

我也试过了，但图像仍然叠在一起。奇怪。你在这些元素上使用任何类型的浮动或绝对定位吗？不，我不是。我测试了duopixel给出的答案。我将尝试添加在宽度和高度特别。我很感谢你的回复。我不想发表“我也是”的评论，但也非常感谢你解决了我的问题，coreyward+这是一个简单的解决方案。我实现了这一点，它似乎起了作用。我将尝试重新实现corey的建议，但在大多数情况下，我相信这个onload窗口会有很大帮助。非常感谢。