html - BootStrap 图像有时会重叠

Question

我在使用 CSS Bootstrap 处理相互重叠的图像时遇到问题。问题还在于，有时会发生，有时不会，所以这是非常不一致的。

我还注意到，如果我点击 F12 Dev tools，图像会自动适本地间隔开。我尝试按 CTRL+F5 刷新缓存，但问题仍然存在。

这是网站http://www.sdhealthy.com/productssnacks.html这是重叠图像的样本 ( picture )。

任何人都可以指出 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

如果您的同位素代码本应在文档就绪时运行，则此错误将阻止它运行。