求助：移动端始终显示info div且无需hover效果的CSS实现

你的CSS选择器写法有误，导致规则无法匹配到目标元素。问题出在.image-hover-page-container.animatedParent.info这个选择器——它表示同时拥有这三个类的单个元素，但实际页面里的info是嵌套在.image-hover-page-container.animatedParent容器内的子元素，需要用后代选择器来定位。

另外，查看页面原样式，info元素默认是通过opacity: 0和visibility: hidden来隐藏的，仅靠display:block可能不足以让它显示，需要同时调整这两个属性。

修正后的CSS代码：

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
  /* 定位到容器内的.info子元素 */
  .image-hover-page-container.animatedParent .info {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    /* 强制关闭过渡动画，避免显示延迟 */
    transition: none !important;
  }
}

关键说明： #

• 用.image-hover-page-container.animatedParent .info（类名间加空格）的后代选择器，才能正确选中容器内的info子元素。
• 同时覆盖opacity和visibility，因为原页面用这两个属性控制信息框的显隐，只修改display可能无法生效。
• 添加transition: none可以跳过原悬停动画，让信息框直接显示。

内容的提问来源于stack exchange，提问作者Molnar Istvan