CSS – 将不透明度应用于元素,但不将元素应用于文本

前端之家收集整理的这篇文章主要介绍了CSS – 将不透明度应用于元素,但不将元素应用于文本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我创建了一个菜单块元素,我已经应用了0.4 / 40的不透明度.

我遇到的问题是不透明度会影响菜单块中的文本,我希望不透明度仅适用于菜单块,而不是文本.

希望我错过了一些愚蠢的东西.这是我的代码

#menuLeft{
    background-color: #33AAEE;
    float: left;
    width: 20%;
    clear: both;
    opacity:0.4;
    filter: alpha(opacity = 40);
}

我正在寻找一种方法来保持文本颜色相同/设置不透明度以排除文本.

谢谢.

解决方法

这是一个非常非常非常受欢迎的问题.尝试使用rgba():
//Your opacity is the latest value here for Firefox 3+,Safari 3+,Opera 10.10+
background-color: rgba(51,170,238,0.6);
//Your opacity is the first pair here (in HEX!) for IE6+
progid:DXImageTransform.Microsoft.gradient(startColorstr=#9A33AAEE,endColorstr=#9A33AAEE); 
zoom: 1;
float: left;
width: 20%;
clear: both;
/*opacity:0.4;
filter: alpha(opacity = 40);*/

您还可以使用http://css3please.com/轻松地从HEX转换为RGB并返回.

原文链接:https://www.f2er.com/css/217852.html

猜你在找的CSS相关文章