html - cssを使って透明なフッターバーを作成する方法

Question

テキストとアイコンを含む JQM フッター バーがあります。透明にする必要がありますが、アイコンは表示可能でなければなりません。バックグラウンド リストビューは、iOS-7 のように css を使用して表示する必要があります。

Answer 1

以下のコードとjsfiddle デモを使用して試すことができます

フッターまたはコンテナに任意のコンテンツを配置します。それらすべてに不透明度（IE8 +をサポート）を使用し、ホバー時にjavascriptまたはcssを使用して処理し、トランジション効果を加えます。

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

footer:hover{
    opacity: 0.6;
}