CSS中元素的位置

Question

我在网站上遇到了烦人的问题：https://www.kinderwagencenter.de/produkt/kombikinderwagen/karex-kamil/

只需将鼠标指向大型产品缩略图，您就会看到倒计时仍位于顶部。如何使图像缩略图每次都在顶部？

Answer 1

非常确定{c}选择器中的z-index已关闭。尝试改变这一点。

.counter-block .counter .number.show {
    top: 0;
    z-index: 0;
 }

.counter-block .counter .number.hidden-up {
  top: -100%;
  z-index: 0;
}

Answer 2

为了解决这个问题，我做到了这一点：

.counter-group {
    position: relative;
    z-index: 0;
}

Theres可能是更好的方法，但这有效！

Answer 3

也许您可以将缩略图的z-index设置为较高的数量以解决问题：计数器的z-index - ＆gt; z-index：-1;和缩略图的z-index - ＆gt; z-index：1;