html - 悬停效果的问题它没有显示

Question

在此处输入图像描述 在此处输入图像描述 所以我试图在我的过滤器上产生悬停效果，如上面的 html 和 css 所示，但它不适用。但是我发现如果我删除我的“div pul”它工作正常，但另一方面我需要那个 div“pul”以便我的过滤器在移动端响应，所以如果有人有其他解决方案提供它将不胜感激。我尝试了多种方法，但没有。

这是我的网站：https ://mitch73.github.io/Reservia/

标签： htmlcss

Answer 1

您的悬停 CSS 正在应用。您的问题是，该a元素是一个内联元素，因此 margin-top 不适用于它。

这是您的代码的 js-fiddle：

https://jsfiddle.net/edwkaL1c/1/