/ / Як створити прозору панель нижнього колонтитулу за допомогою css - html5, css3, jquery-mobile, cordova

Як створити прозорий нижній колонтитул, використовуючи css-html5, css3, jquery-mobile, кордову

У мене є панель нижнього колонтитулу JQM з текстом та значком. Мені потрібно, щоб воно було прозорим, але значок повинен бути видимим. Перегляд фонового списку повинен бути видимим за допомогою css, як в iOS-7.

Відповіді:

0 для відповіді № 1

Ви можете спробувати використати код нижче та jsfiddle демо

Помістіть будь-який вміст у колонтитулі чи будь-якому контейнері. Використовуйте непрозорість (підтримується IE8 +) для всіх з них та обробляйте її за допомогою javascript або css на наведення курсору з деяким ефектом переходу.

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

footer:hover{
opacity: 0.6;
}