将不透明度设置为菜单,但在CSS中保持文本不透明

Question

如何创建仅其背景透明的菜单？文字应保持不透明(不透明度:1)

如果我订

li:hover {
    opacity: 0.5
}

整个列表项变得透明.我该如何解决这个问题？

Answer 1

CSS3中有一个名为"rgba"的新值,允许您使用透明颜色作为背景颜色.例如:

li:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

我很确定应该可以工作,虽然我只是当场编写代码所以它可能不会.但是,这会给你的菜单带来白色调.如果您想了解有关RGBA的更多信息,请访问:http://css-tricks.com/rgba-browser-support/