前言：
我們知道使用opacity可以實現透明效果，相容語句是：filter:alpha(opacity=0~100
);但是它具有父子繼承特性，怎麼實現我們想要的效果呢？
方法一：運用css3的屬性rgba(r,g,b,a),ie8以上的版本可以達到我們的要求：
r：紅色值。正整數 | 百分數
g：綠色值。正整數 | 百分數
b：藍色值。正整數 | 百分數
a：alpha透明度。取值0~1之間。
那麼ie8及以下怎麼辦呢？再加一句：
filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000);
#7f000000的前兩位數字控制透明度，取值16進製制從00 -> ff（越小越透明），00表示完全透明，ff就是全不透明，後面六位是色值。方法二：用opacity，但是讓文字與div之間不再是父子關係，通過定位或margin值來實現我們想要的效果，這方法可以實現當我們不是純色背景（）透明
的需求。
doctype html
>
<
html
>
<
head
lang
="en"
>
<
meta
charset
="utf-8"
>
<
title
>
title
>
<
style
>
*.box
.box1
pstyle
>
head
>
<
body
>
<
div
class
="box"
>
<
div
class
="box1"
>
div>
<
p>字型不被透明
p>
div>
body
>
html
>
這是之前遇到的坑，希望對你有所幫助，有問題大家可以一起討論...........
CSS實現背景透明而背景上的文字不透明
在我們設計製作一些網頁的時候可能會用到半透明的效果，首先我們可能會想到用png處理，當然這是乙個不錯的辦法，唯一的相容性問題就是ie6下的bug，但這也不困難，加上一段js處理就行了。但假如我們需要乙個半透明遮罩的彈出層，如登陸框 註冊框 提示等，這時可能需要整個頁面都要被半透明的遮罩層覆蓋，那麼如...
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可以很明顯的看出文字也被半透明的，這是我們不想看到的效果。...