CSS样式实现背景透明及文字不透明效果 兼容IE/火狐

我已经好久没有做网站了,但是公司有个项目比较急,那做技术的小伙子又比较忙,于是就帮助整点事情做做。现在遇到一个问题,需要在已有背景的BANNER中前置2个位置出来,用来放点说明文字,而且这个位置需要用透明背景稍微显现背景图。

于是就找呀找,看看有没有合适的案例,这里也就记录下来,顺带下次有使用的时候直接复制黏贴使用。

background:rgba(255, 255, 255, 0.5) none repeat scroll 0 0 !important;
filter:Alpha(opacity=50); background:#FFFFFF;

这里分别是兼容火狐和IE的,测试后效果是可以实现的。