Jquery 元素在悬停在上方之前不显示

我为一个客户在一个网站上工作，我在Chrome上遇到了一些bug

如果切换到“网格”视图，然后刷新页面，您将看到页面应如何显示。如果切换到“列表”视图，然后返回到“网格”视图，大多数“添加到篮子”按钮将消失。。。直到你开始在其他人身上盘旋，然后他们逐渐开始重新出现

这个bug只出现在Chrome中。我已经在Firefox、Safari和IE8中测试过了，在这些浏览器中似乎还不错

我已经更新了jQuery并修复了一些javascript错误，但这没有帮助

---

有什么想法吗？

您需要删除该位置：绝对化并修改HTML结构的方式

CSS:

JS（将购物车移至底部）：

html+=''+$（元素）.find（'.wishlist'）.html（）+'；
html+=''+$（元素）.find（'.compare'）.html（）+''；
html+=''+$（元素）.find（'.cart'）.html（）+''；

请提供您的JavaScript代码（特别是显示（“”）功能）。CSS可能是正确的，这取决于代码的结构。+1更好，在jsfiddle.com上的一个实例中提供代码。隔离问题始终是关键…它说粘贴到这里太长了。如果从原始链接页面查看页面源，则可以从第487行开始，到第575行结束。谢谢这是默认OpenCart安装主题附带的原始代码。@Timkeye没问题，随时：P

       .product-grid .cart {
            padding: 10px;
            display:block;
        }

       .product-grid .wishlist, .product-grid .compare {
            bottom: 70px;
            z-index: 999;
        }

   html += '<div class="wishlist">' + $(element).find('.wishlist').html() + '</div>';
   html += '<div class="compare">' + $(element).find('.compare').html() + '</div>';
   html += '<div class="cart">' + $(element).find('.cart').html() + '</div>';