Comment créer une barre de pied de page transparente en utilisant css - html5, css3, jquery-mobile, cordova

J'ai une barre de pied de page JQM avec du texte et une icône. J'ai besoin qu'il soit transparent mais l'icône doit être visible. La vue de liste en arrière-plan doit être visible à l'aide de CSS, comme dans iOS-7.

Réponses:

Vous pouvez essayer d'utiliser le code ci-dessous et jsfiddle demo

Placez tout contenu dans votre pied de page ou dans n'importe quel conteneur. Utilisez l'opacité (pris en charge IE8 +) pour chacun d'eux et gérez-le en utilisant javascript ou css en survol avec un certain effet de transition.

footer{width: 500px;
background: #999;
opacity: 0.4; // or use rgba() where a opacity.
}

footer:hover{
opacity: 0.6;
}