2

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

注意：此代码在 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;}
4

1 回答 1

0

不幸的是，我认为您无法解决此问题。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）。

于 2013-01-21T13:05:22.990 回答