Html 如何使用css创建透明的页脚栏

我有带文本和图标的JQM页脚栏。我需要它是透明的，但图标应该是可见的。背景列表视图应该使用css可见，就像在iOS-7中一样。

您可以尝试使用下面的代码和

在页脚或任何容器中放置任何内容。使用不透明性（支持IE8+），并在悬停时使用javascript或css进行处理，并带有一些过渡效果

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

footer:hover{
    opacity: 0.6;
}

---

它的页脚。并对页脚元素使用css不透明度