图像翻转问题

Question

我使用代码使用CSS实现了一些图像翻转：

.content3{
 background-image:url(../IMG/tablet2.jpg);
 background-repeat:no-repeat;
 border:5px solid #FA8072;
 border-radius:5px;
 width:220px;
 height:200px;
 margin:0 auto;
 }

.content3:hover{
background-image:url(../IMG/servizibis.png);
background-repeat:no-repeat;
border:5px solid #FA8072;
border-radius:5px;
width:220px;
height:200px;
margin:0 auto;
}

这在网站桌面版本上工作正常，但它不适用于Ipad和Smartphone android上的响应版本。 它是否存在使用javascript或jquery代码的解决方案？