在 ff/chrome 等較新的瀏覽器中可以使用css屬性background-color的rgba輕鬆實現背景透明，而文字保持不透明。而ie6/7/8瀏覽器不支援rgba，只有使用ie的專屬濾鏡filter:alpha來實現，但是這樣寫法會把文字也變為透明，因此只有在透明容器的子節點（文字節點除外）內設定position:relative才能不繼承其父元素的透明濾鏡，**如下：
>css實現背景透明
title
>
<
style
type
="text/css"
>
.warp
.content
.content p
/*實現ie文字不透明
*/style
>
head
>
<
body
>
<
div
class
="warp"
>
<
div
class
="content"
><
p>這裡是文字這裡是文字
p>
div>
div>
body
>
html
>
以上**在ie6.0+/ff3.0+/opera10+/chrome/safari 均測試通過
css實現背景透明文字不透明
設定元素的透明度 moz opacity 0.8 在firefox中設定元素透明度 filter alpha opacity 80 ie使用濾鏡設定透明但是當我們對乙個標籤設定背景的透明度時，往往我們並不希望該標籤上的文字也變成半透明了。例如 不透明p div div 可以很明顯的看出文字也被半透明...
css實現背景透明文字不透明
moz opacity 0.8 在firefox中設定元素透明度 filter alpha opacity 80 ie使用濾鏡設定透明 但是當我們對乙個標籤設定背景的透明度時，往往我們並不希望該標籤上的文字也變成半透明了。例如 不透明 div可以很明顯的看出文字也被半透明的，這是我們不想看到的效果。...
css實現背景透明，文字不透明
實現透明的css方法通常有以下3種方式，以下是不透明度都為80 的寫法 相容性 ie6 7 8不支援，ie9及以上版本和標準瀏覽器都支援 背景透明，文字也透明 使用opacity後整個模組都透明了，展現如下 那麼使用opacity實現 背景透明，文字不透明 是不可取的。相容性 ie6 7 8不支援，...