Cliquez pour ne pas appliquer l'image ne fonctionne pas dans Android 2.2 App

Question

Dans Android 2.2 app si je clique sur une icône, je veux qu'elle change mais quand j'ai cliqué. Le hover & actif ne fonctionne pas .. il reste même pas de changements se produisent pendant que je clique ...

Note: Ce code fonctionne correctement dans Android 4.0, iOS, BB & Windows Mobile.

Mon code

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

Malheureusement, je ne pense pas que vous allez être en mesure de résoudre ce problème. Android 2.3 est une première version Android pour implémenter correctement les sélecteurs CSS 2.1. Android 2.2 et ci-dessous ont eu beaucoup de problèmes avec les sélecteurs CSS (pour ne pas mentionner CSS en général). De plus, avant la version 2.3, les développeurs de navigateurs n'étaient pas forcés d'implémenter complètement la fonctionnalité webkit.

Si vous avez un appareil Android 2.2 avec un navigateur Webkit par défaut, alors cela fonctionnera, dans tous les autres cas, vous n'avez pas de chance.

Jetez un oeil à ce lien: http://www.quirksmode.org/m/css.html. Il s'agit d'un aperçu de l'implémentation CSS 2.1 sur les téléphones mobiles (jusqu'à Android 2.1 et 2.2).