当前位置 : 主页 > 网页制作 > css >

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

来源:互联网 收集:自由互联 发布时间:2021-06-13
如何创建仅其背景透明的菜单?文字应保持不透明(不透明度:1) 如果我订 li:hover { opacity: 0.5} 整个列表项变得透明.我该如何解决这个问题? CSS3中有一个名为“rgba”的新值,允许您使用
如何创建仅其背景透明的菜单?文字应保持不透明(不透明度:1)

如果我订

li:hover {
    opacity: 0.5
}

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

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

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

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

网友评论