Cómo crear una barra de pie de página transparente usando css - html5, css3, jquery-mobile, cordova

Tengo la barra de pie de página JQM con texto e ícono. Necesito que sea transparente, pero el ícono debe ser visible. La vista de lista de fondo debe ser visible usando CSS, como en iOS-7.

Respuestas

Puedes intentar usar el siguiente código y demo jsfiddle

Coloque cualquier contenido en su pie de página o en cualquier contenedor. Utilice la opacidad (compatible con IE8 +) para todos ellos y manipúlelo usando javascript o css al pasar el mouse con algún efecto de transición.

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

footer:hover{
opacity: 0.6;
}