background:#000opacity: 0.8
也可以直接设置背景色为透明色，例如：
background:rgba(0,0,0,0.8)
这也是楼上的方法，相对而言这个方法还是比较简洁的，只是会遇到一点点浏览器兼容的问题罢了。
用span标签吧示例文件：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
div{
display:table
width:200px
height:200px
border:#FFCC00 1px solid
}
div span{
background-color:#CCCCCC
}
</style>
<script language="javascript" type="text/javascript">
function bg(){
var txt=document.getElementsByTagName("div")
txt[0].innerHTML="<span>"+txt[0].innerHTML+"</span>"
}
window.onload=bg
</script>
</head>
<body>
<div>ddddddfererwerewdfwerewr测试文字，文字测试，测试文字。Powerby:<a href="http://www.wxwdesign.cn">wxwdesign.cn</a></div>
</body>
</html>
css的背景颜色设置为无色步骤如下：
1、新建一个html文件，需要设置宽度250px和高度140px，以及背景色填充为红色。
2、然后在父级DIV中插入一个子DIV，定义它的宽200px,高90px，以及背景色。
3、然后添加一个无色（透明）的代码（opacity:0.6）。
4、在图层的上方，有个不透明度，设置为60%。
5、把刚才的背景色和无色代码删除，换个代码【background-color:rgba(255,255,255,0.6)】。
6、其中255,255,255就是PS中的拾色器里的数值。这样，css的背景颜色就为无色了。
