html - BootStrap 图像有时会重叠

Question

我在相互重叠的图像上遇到 CSS Bootstrap 问题。问题还在于有时会发生，有时不会发生，因此非常不一致。

我还注意到，如果我单击 F12 开发工具，图像会自动正确间隔。我尝试按 CTRL+F5 刷新缓存，但问题仍然存在。

这是网站http://www.sdhealthy.com/productssnacks.html 这是重叠的图像样本（图片）。

任何人都可以请指出CSS代码有什么问题吗？

Answer 1

我查看了您的代码，您正在使用 isotope jquery 插件来定位和设置带有“isotope-item class”的 div。

我怀疑您需要添加 jquery 的这一部分...

$(".isotope-w").isotope({
itemSelector: '.item',
layoutMode: 'fitRows'
});

到 $(document).ready 函数。

这是因为同位素插件在图像下载完成之前计算 div 的高度。

“解决方法”是手动将高度属性添加到每个图像，但我会尝试更正您的 jquery。

Firebug 也报错：

ReferenceError: $ is not defined: $(document).ready(function () {
http://www.sdhealthy.com/productssnacks.html
Line 29

如果您的同位素代码已经准备好在文档上运行，则此错误将阻止它运行。