背景色透明，文字不透明

背景色透明，文字不透明

在工作中遇到這麼乙個問題：

1、背景色透明

2、在透明背景中文字是不透明的

3、文字要水平居中

為此，我給出了兩種解決辦法

1、使用html5的 rgba() 屬性配置

背景透明，文字也透明

1、div.demo背景色是黑色透明的

2、p標籤的內容是水平居中，並且沒有設定透明色

2、使用filter（濾鏡）和 opacity 樣式來配置

全部

1、最外層的div根據視覺化區域佔一行的2/12，是bootstrap計算出來的 

2、div.bgitem 則是佔據父div的百分之百減少5個畫素，並且設定了透明的顏色，這就是透明背景

3、div.item 則是用來存放文字，沒有設定透明色（文字不透明），使用position:absolute樣式，寬度設定為100%，與父div一樣寬，然後水平居中，即div.item與父div完全重合。

css背景色透明，文字不透明

實現透明的css方法通常有以下3種方式，以下是不透明度都為80 的寫法 css3的opacity x，x 的取值從 0 到 1，如opacity 0.8 css3的rgba red,green,blue,alpha alpha的取值從 0 到 1，如rgba 255,255,255,0.8 ie專屬...

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可以很明顯的看出文字也被半透明的，這是我們不想看到的效果。...