Question

我在网站上为客户工作，并在Chrome中遇到某种错误。

如果切换到＆＃34; grid＆＃34;查看，然后刷新页面，您将看到页面应如何显示。如果切换到＆＃34; list＆＃34;然后回到＆＃34; grid＆＃34;看来，大多数＆＃34;添加到篮子＆＃34;按钮消失......直到你开始徘徊在其他人身上，然后他们逐渐重新出现！？

此错误似乎只出现在Chrome中。我在Firefox，Safari和IE8中对此进行了测试，在这些浏览器中看起来很不错。

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

有什么想法吗？

Answer 1

您需要删除Position：Absolutes并修改HTML结构的方式。

CSS：

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

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

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

   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>';

元素直到悬停时才显示

1 个答案: