我們平時所說的調整透明度，其實在樣式中是調整不透明度，如下圖所示例：
開啟ps，在圖層面板上，可以看到設定圖層整理不透明度的選單，從 0% （完全透明）到 100%（完全不透明）。
實現透明的css方法通常有以下3種方式，以下是不透明度都為80%的寫法
相容性：ie6、7、8不支援，ie9及以上版本和標準瀏覽器都支援
使用說明：設定opacity元素的所有後代元素會隨著一起具有透明性，一般用於調整或者模組的整體不透明度
doctype html使用opacity後整個模組都透明了，展現如下：>
<
html
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>opacity
title
>
<
style
>
*body
.demo
.demo p
style
>
head
>
<
body
>
<
div
class
="demo"
>
<
p>背景透明，文字也透明
p>
div>
html
>
那麼使用opacity實現《背景透明，文字不透明》是不可取的。
相容性：ie6、7、8不支援，ie9及以上版本和標準瀏覽器都支援
使用說明：設定顏色的不透明度，一般用於調整background-color、color、box-shadow等的不透明度。
doctype html在background-color中使用rgba，標準瀏覽器中，背景透明，文字不透明，展現如下：>
<
html
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>css3的rgba
title
>
<
style
>
*body
.demo
.demo p
style
>
head
>
<
body
>
<
div
class
="demo"
>
<
p>背景透明，文字也透明
p>
div>
html
>
很奇葩的是，ie6和部分ie7核心的瀏覽器(如qq瀏覽器)會讀懂rgba，解析後顏色為透明，其實應該是null
那麼使用opacity實現背景透明，文字不透明是可取的。
僅支援ie6、7、8、9，在ie10版本被廢除
在ie6、7中，需要啟用ie的haslayout屬性(如：*zoom:1或者*overflow:hidden)，讓它讀懂filter:alpha
在ie6、7、8中，設定了filter:alpha的元素，父元素設定position:static(預設屬性)，其子元素為相對定位，可讓子元素不透明
doctype html上以上3點分析可知，設定透明背景文字不透明，可採用的屬性有rgba和ie的專屬濾鏡filter:alpha，其相容性如下圖所示：>
<
html
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>opacity
title
>
<
style
>
*body
.demo
.demo p
style
>
head
>
<
body
>
<
div
class
="demo"
>
<
p>背景透明，文字不透明
p>
div>
針對ie6、7、8瀏覽器，我們可以採用fiter:alpha，針對標準瀏覽器我們採用rgba，那麼問題來了，ie9瀏覽器2個屬性都支援，一起使用會重複降低不透明度...
那麼，如何只對ie6、7、8使用fiter:alpha如何實現呢？
/*ok，所有問題都解決了，全部**如下：只支援ie6、7、8
*/@media \0screen\,screen\9
doctype html我們看到這個可能會覺得很複雜，為什麼不直接用兩個div放在同乙個位置就行了，乙個不透明div，乙個文字div，很簡單的解決問題，這也是好個方法，但是需要寫絕對定位或負margin，並出現空內容的div，而且這是這種方法在有些場景下也會顯得複雜，如下示例，滑鼠經過商標後展現展現透明的提示文案，就需要控制2個div啦~>
<
html
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>背景透明，文字不透明
title
>
<
style
>
*body
.demo
.demo p
@media \0screen\,screen\9
.demo p
}style
>
head
>
<
body
>
<
div
class
="demo"
>
<
p>背景透明，文字不透明
p>
div>
html
>
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不支援，...