html - 如何使用css创建透明页脚栏

Question

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

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;
}