css转换的Safari问题
css转换的Safari问题
提问于 2017-08-31 16:33:21
我有一个wordpress网站，我正在帮助一个朋友
https://capturingscotland.com/galleries
当鼠标悬停在图片库图像上时，它会显示一个带有更多按钮的透明红色图像。它在chrome，IE，Firefox上运行良好，但当我在iphones和Ipads上使用safari时，它似乎不起作用。下面是使用的CSS类。porto-item是图库项目
.porto .porto-item:hover img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
opacity: .2;
}
.porto .porto-item:hover .porto-info {
opacity: 1;
box-sizing: border-box;
height: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.porto .porto-item:hover .title {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
text-shadow: 0 0 0 white;
}
.porto .porto-item:hover .categories {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
text-shadow: 0 0 0 white;
}
.porto .porto-item:hover .more {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
text-shadow: 0 0 0 white;
}回答 1
Stack Overflow用户
发布于 2017-08-31 16:40:09
如果你想让它在项目被触摸时出现悬停(就像滚动一样)，那么你可以将：cursor: pointer;添加到你想让悬停出现的元素上。如果没有此iOS，则仅对链接上的:hover事件进行样式设置。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45986278
复制相关文章
相似问题
腾讯云开发者
