css - 将鼠标悬停在移动浏览器中

我尝试将悬浮效果添加到css中的一个按钮。我将使用移动Safari开发一个应用。我使用贝克框架来做到这一点。 Baker框架使用移动Safari的引擎。我创建了悬停，它可以在chrome，firefox，opera中工作，但不能在ipad预览中工作。你有什么想法吗这是我的代码：

.slidebutton {
    position:absolute;
    width: 50px;
    height: 50px;
    top: 0%;
    background-color: white;
    left:974px;
    transition: width 2s;
    -webkit-transition: width 2s; /* Safari */
    clear:both;
    }
.slidebutton:hover {

    width: 150px;
    height: 50px;
    top: 0%;
    background-color: white;
    left:874px;
    clear:both;
    display: inline;
    }

谢谢！

最佳答案

最近在某个网站上遇到了同一问题：

//jQuery code
$(".slidebutton").hover(function(){ // this block is strickly to enable our hover effect on mobile ios
    $(this).addClass('active');
},function(){
    $(this).removeClass('active');
});

然后，您只需将.slidebutton.active添加到CSS中：

.slidebutton:hover, .slidebutton.active {

关于css - 将鼠标悬停在移动浏览器中，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18137870/