转换翻译在 Safari 上不起作用



它在我的桌面上的Chrome上运行良好,但它只是不能在我的iPhone 8上的Safari上做动画(在Safari和Chrome上(。

有什么想法吗?

.voting-block {
padding-top:20px;
display:inline-block;
}
.voting-block2 {
cursor:pointer;
height: 77px;
width: 74px;
border: none;
outline:none;
display:inline-block;
}
.voting-block2:active {
-webkit-transform: translateY(5px);
transform: translateY(5px);
}
<div class="voting-block">
<img class="voting-block2" src="https://i.ibb.co/gZ73zPm/btn-haha.png" />
</div>

我想通了。

我只需要将正文标签修改为:<body ontouchstart="">

iOS Safari 不会触发 :active 伪类,除非将触摸事件附加到元素。

最新更新