我创建了一个菜单块元素,我已经应用了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并返回.