在移动设备上遇到 CSS 悬停问题

Question

我正在使用 Wordpress 构建这个网站。我遇到的问题是，我为三角形楔形框设置的功能在悬停时消失在桌面上可以正常工作，但在移动设备上效果不佳。我通过研究发现 :hover 不适用于移动设备，并尝试了不同的伪类，如 :active 和 :focus，但没有运气。任何建议将不胜感激。

Link to My Site

谢谢。

Answer 1

:hover 事件在触摸设备上不存在，但你可以添加:active，它应该有类似的效果（当手指触摸元素而不点击它时），就像

.my_div:hover, .my_div:active{
   background-color: #fa0;
 }