简单的悬停效应不适用于移动狩猎
简单的悬停效应不适用于移动狩猎
提问于 2014-02-26 12:14:10
我试图做一个简单的悬停效果与一些图片在一个html网站。计划是:当你悬停在图像上时，图像的阴影和一些细节就会出现。css代码如下。
/* Hover overs */
.folio4:hover .face {
opacity:1;
cursor: pointer;
}
.folio4:hover img {
opacity: 1;
}
.folio4:hover h2 {
opacity: 1;
}
.folio4:hover a.icon {
opacity:1;
transform: translateY(75px);
-webkit-transform: translateY(75px);
-o-transform: translateY(75px);
-ms-transform: translateY(75px);
transition: 500ms;
-webkit-transition: 500ms;
-o-transition: 500ms;
-ms-transition: 500ms;
}
.folio4:hover a.icon2 {
transition: 500ms;
-webkit-transition: 500ms;
-o-transition: 500ms;
-ms-transition: 500ms;
transform: translateY(75px);
-webkit-transform: translateY(75px);
-o-transform: translateY(75px);
-ms-transform: translateY(75px);
opacity: 1;
}除了移动之外，它可以在所有浏览器上工作。我能做些什么才能让这件事奏效？谢谢你的每一个回答。
回答 1
Stack Overflow用户
发布于 2014-02-26 12:35:16
据我所知，悬停效应不能适用于移动设备，因为系统看不到悬停效应，就像你从你的电脑上知道的那样。您唯一能做的就是，将悬停效果设置为单击效果，只用于响应页面的设计，因此用户必须点击图片并获取详细信息。抱歉，如果这不是解决办法
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22041043
复制相关文章
相似问题
腾讯云开发者
