苗景云的博客

background 透明，文字不透明的方法

直接看代码：

<style type="text/css">
 #container{ border:1px solid #c00; background-color:rgba(212,0,0,0.5);

*background:#f00; *filter:alpha(opacity=50); width:500px; margin:40px auto; line-

height:200%; font-size:14px; padding:14px;}
 #container *{ position:relative;}

</style>

<div id="container"><span>我是内容我是内容我是内容我是内容</span></div>
<p>兼容ie6,ie7以及firefox的css透明滤镜，文字不继承其透明属性。</p>