div css背景顏色半透明 文字不透明相容ie、Firefox等瀏覽器

標籤：style   color   使用   ar   strong   sp   div   on   html   

針對透明背景，包括背景圖片和背景色（相容IE，FF，OP等瀏覽器）

一、背景完全透明

 .bg{background:transparent }

 

二、背景半透明

這裡要分兩個div，一個單獨設定背景透明度，另外一個放內容 margin-top:-33px;使用這個方法讓文字疊加在透明背景圖上。

css:

 .bg{ width: 1000px; height:33px; background-color:#fffff; background-image:url(img.jpg);filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3; -khtml-opacity: 0.3;}

 .contnet{margin-top:-33px; width: 500px; height:33px; overflow:hidden;}

 

html:

<div class="bg"></div>
<div class="contnet">這裡是文字部分不透明</div>

div css背景顏色半透明 文字不透明相容ie、Firefox等瀏覽器