Question

此网站：https://dev.romaycorp.com/shop/

如果你将鼠标悬停在＆＃34;产品＆＃34;下面的图像重叠。一些随机元素出现在顶部，有些则不是。这些图片确实如此。

此页面上的边框执行相同的操作：https://dev.romaycorp.com/product-category/silicone-nitrade/

我已经尝试了每个可以想象的元素的z-index设置。

我无法解决这个问题。

Answer 1

你的CSS有点尴尬。但发现了你的错误。

添加到课程.product-category .product z-index: -1这将解决您的问题。

这里是您应添加的来源：

<li class="product-category product">
    <a href="https://dev.romaycorp.com/product-category/cermet/"><img src="https://dev.romaycorp.com/wp-content/uploads/2017/07/store-cermet-insert-2.jpg" alt="Cermet" width="300" height="300" data-pin-nopin="true">     <h2 class="woocommerce-loop-category__title">
            Cermet <mark class="count">(72)</mark>      </h2>
    </a>
</li>

绝对定位的div出现在随机元素下

1 个答案: