在CSS中,經(jīng)常遇到透明背景的制作,往往會(huì)背景透明實(shí)現(xiàn)了,文字也“被”透明了,在這里,簡單幾句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>
網(wǎng)頁代碼如下:
<div id="container"><span>我是內(nèi)容我是內(nèi)容我是內(nèi)容我是內(nèi)容</span></div>
<p>兼容ie6,ie7以及firefox的css透明濾鏡,文字不繼承其透明屬性。</p>