php 在移动的版本中始终显示div

jogvjijk  于 2022-10-30  发布在  PHP
关注(0)|答案(1)|浏览(108)

我想显示“信息”div(黑色框与白色文本,得到可见的鼠标悬停在图像上),但只有在移动的和没有悬停效果。
试探着接下去道:

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) 
{
    .image-hover-page-container.animatedParent.info{
        display:block !important;
    }
}

我的网站:link源代码:link

k4ymrczo

k4ymrczo1#

要在移动的上显示,请将这些元素添加到活动CSS文件:

@media (max-width: 767px) {
    }
    .ih-item.square.effect3.bottom_to_top .img {
        transform: translateY(-50px) !important;
    }

    .ih-item.square.effect3.bottom_to_top .info {
        transform: translateY(0) !important;
        visibility: visible; 
        opacity: 1;
    }
}

相关问题