只半透明背景不透明文字的CSS写法

通常直接写filter:alpha(opacity=50) 会把文字一起透明，该CSS写法可以实现只半透明背景不透明文字。提示兼容IE6/' target='_blank'>兼容IE6/IE7/火狐。代码简洁。了了几行：
 #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;}

CSS解释：
IE不支持background-color的rgba，而IE只有在透明容器的子节点（文本节点除外）内设置position:relative才能不继承其父记得透明滤镜，只有火狐等浏览器支持rgba。 

TAG标签