android - 单击以更改图像在 Android 2.2 应用程序中不起作用

Question

在 Android 2.2 应用程序中，如果我点击一个图标，我希望它发生变化，但是当我点击时。悬停和 Activity 不起作用..它保持不变，当我点击时没有发生任何变化......

注意:此代码在 Android 4.0、iOS、BB 和 Windows Mobile 中正常运行。

我的代码

HTML:

<div>
    <span>
        <a href="page1.html">
         <span class="icon">&#32;</span>
        </a>
    </span>
</div>

CSS:

.icon {background: url(../images/iconContain.png) no-repeat scroll -136px -197px transparent;display: block;height: 40px;width: 43px;}
.icon:active {background: url(../images/iconContain.png) no-repeat scroll -194px -197px transparent;display: block;height:40px;width:43px;}
.icon:hover {background: url(../images/iconContain.png) no-repeat scroll -194px -197px transparent;display: block;height:40px;width:43px;}

Answer 1

很遗憾，我认为您无法解决这个问题。 Android 2.3 是第一个正确实现 CSS 2.1 选择器的 android 版本。 Android 2.2 及以下版本在 CSS 选择器(更不用说 CSS 整体)方面存在很多问题。另外，在 2.3 版之前，浏览器开发人员并没有被迫完全实现 webkit 功能。

如果你有一个带有默认 webkit 浏览器的 Android 2.2 设备，那么这将有效，否则你就不走运了。

看看这个链接:http://www.quirksmode.org/m/css.html .它概述了 CSS 2.1 在手机上的实现(最高为 Android 2.1 和 2.2)。