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

2015-02-10 12:02原创HTML5+JS

在CSS中,经常遇到透明背景的制作,往往会背景透明实现了,文字也“被”透明了,在这里,简单几句CSS搞定透明背景不透明文字

CSS代码如下:

<style type="text/css">
body{ background:#366}
#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>

 

北京鼎盛宏利科技有限公司 | TEL/FAX:010-52237199 | Email:admin@dshlit.com

Copyright ©DSHLIT.COM. All Rights Reserved. | 京ICP备14058301-1号

在线QQ 13683107933