0

在 Android 2.3 手机上的 Firefox 中查看此页面时:

http://www.lmidev.com/sites/main/classlocator/index-mobile.html

放大镜图像出现在“地址或邮政编码”框中(这是一个“提交”输入按钮,应用了背景图像)。但是在默认的 Android 浏览器上,它不会出现。为什么会这样,或者我怎样才能知道?在不同域的另一个页面上,代码似乎相同,图像在 Android 浏览器中显示良好。

(我尝试让 weinre 进行远程调试,但是当我浏览到该站点时无法连接服务器。我现在已经删除了用于连接到 weinre 的 JavaScript)

4

1 回答 1

0

提交按钮的背景图像是这样应用的:

background: url("../images/mobile/sprite.png") no-repeat scroll -61px -3px transparent;

出于某种原因,在 Android 2.3 浏览器中,我需要在 style 属性中添加 '!important' 声明:

background: url("../images/mobile/sprite.png") no-repeat scroll -61px -3px transparent !important;

最好的猜测是 Android 为提交按钮应用了自己的背景,这需要被覆盖。

于 2013-10-30T20:05:23.133 回答