如何将deactive css悬停在空白区域

Question

我有类似的东西

我尝试在红色区域上进行反复悬停，我可以将img位置设置为绝对位置，但它发生但我相信它不是正确的方法。

我在这里提供了完整的代码https://jsfiddle.net/m6ephL81/1/

dist

我将非常感谢您的css或js解决方案。

Answer 1

真正长的文字使图形元素比图像更宽。看看this fiddle，以便您可以看到它。请注意，第三个数字很大，因为我在那里复制并粘贴了更多文本。

#slideShow_control figure {
  background-color:red;
  max-width:150px;
}

快速解决方案是将广告框设置为与图片一样宽，现在您必须弄清楚如何正确设置文字的位置see here。

当使用这样的动画时，在相对父母中使用绝对定位元素是可以的。试着找出你将要设置悬停的人，因为你实现它的方式非常多。