兼容各浏览器，背景透明，内容不透明
[html]
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
body{ background:url(http://img3.cache.netease.com/photo/0001/2013-08-29/97F5UBE957KT0001.jpg) no-repeat;}
li{ text-align:left; 300px; height:100px; margin:0px auto; padding:20px 10px; color:#fff;
background:rgba(5,13,9, 0.4) !important; filter:Alpha(opacity=40); background:#fff; font-size:12px;}
li a{ position:relative;}/*实现IE文字不透明*/
</style>
</head>
<body>
<ul class="waps">
<li class="con"><a>CSS实现背景透明，文字不透明（各浏览器兼容）CSS实现背景透明</a></li>
<li class="con"><a>CSS实现背景透明，文字不透明（各浏览器兼容）CSS实现背景透明</a></li>
</ul>
</body>
</html>
[/html]