iphone图像突然变为悬停图像

时间:2012-11-05 11:39:06

标签: iphone css jquery-mobile

我正在使用PhoneGap开发iPhone应用程序。为了确定点击按钮的时间,我们更改了按钮的活动图像。

<a class="grid-image btn-image-pharmacycard" onclick="location.href='#prescriptionCard';">

这是css:

.btn-image-pharmacycard
{
 background: url("../image/iphone/pharmacy-card-iphone.png") no-repeat scroll left top transparent; 
}

/* while focus Pharmacy card in gird image, change another image*/
.btn-image-pharmacycard:hover, .btn-image-pharmacycard:focus
{
    background-position: left bottom;
}

有时会发生的情况是,在应用程序中,如果不单击按钮,则会显示悬停图像而不是正常图像。

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0"></meta>

iPhone试图提供用户友好性,并始终将鼠标悬停在某些html输入上。

将比例设置为1将始终禁用任何缩放或悬停