css中,如何設定前景色的透明度

2021-05-05 01:50:18 字數 3314 閱讀 4847

1樓:大野瘦子

1、準備好初始化的**

2、初始化樣式

div3、執行結果為

4、設定背景顏色半透明的樣式**background-color:rgba(0,0,255,0.5);

5、執行結果為

透明原理:把背景顏色設定為rgb的方式,然後再加一個透明度就可以設定為半透明瞭。

注意:設定背景顏色時**應該寫成rgba。

2樓:匿名使用者

css控制透明度倒不麻煩。

filter:alpha(opacity=50); /*ie濾鏡,透明度50%*/

-moz-opacity:0.5; /*firefox私有,透明度50%*/

opacity:0.5;/*其他,透明度50%*/

舉個例子:

通過ie6 ie7 ie8 ff3 opera 谷歌 safari測試

#test

但是還是會有很多問題,瀏覽器相容性問題,等

而且ie濾鏡的頻繁使用會使瀏覽器的執行效率降低。

所以不提倡過多使用。

也還有其他方法可以模擬,比如用寬高都是1px的透明png**覆蓋等等。

lz自己舉一反三啊,前景色不就是color麼

#test

#test span

前景色透明度

lz看看「前景色透明度」這幾個字是不是純白色,還是白色的50%透明。

3樓:

alpha是來設定透明度的。先來看一下它的表達格式:

filter:alpha(opacity=opcity,finishopacity=finishopacity,

style=style,startx=startx,starty=starty,finishx=finishx,

finishy=finishy)

哇,怎麼這麼長。是啊,不過這些引數都各有其用。

opacity代表透明度等級,可選值從0到100,0代表完全透明,100代表完全不透明。 style引數指定了透明區域的形狀特徵。其中0代表統一形狀;1代表線形;2代表放射狀;3代表長方形。

finishopacity是一個可選項,用來設定結束時的透明度,從而達到一種漸變效果,它的值也是從0到100。 startx和starty代表漸變透明效果的開始座標,finishx和finishy代表漸變透明效果的結束座標。

從上面講的我們可以看出,如果不設定透明漸變效果,那麼只需設定opacity這一個引數就可以了。

實現上面這種效果的**如下:

beautiful

//*定義字型屬性,前景色為紅色*//

//*匯入一張***//

4樓:go陌小潔

把類為box的層設為透明。

其中background:#000; filter:alpha(opacity:

30); opacity:0.3;為關鍵**,當opacity值為1時,表示完全不透明,為0時表示完全透明。

其關的屬性介紹如下:

opacity: 0.3;這是「最重要的」,因為它是在css的現行標準。

這將在firefox,safari和opera的大多數版本的工作。這將是所需要的一切如果所有的瀏覽器都支援目前的標準。

filter:alpha(opacity=50); /*ie濾鏡,透明度50%*/

-moz-opacity:0.5; /*firefox私有,透明度50%*/

opacity:0.5;/*其他,透明度50%*/

5樓:黑馬程式設計師

一、首先html佈局:

我是一段文字

二、沒有加css的樣式的效果顯示:

三、加css樣式的html:

我是一段文字

在開發工具裡面的截圖:

四、加了css樣式的效果圖:

6樓:啄木鳥

最好是用css3的rgba屬性,透明濾鏡(filter:alpha)是ie only,不建議使用

css中背景顏色透明度如何設定?

7樓:匿名使用者

opicaty:50; // 0-100為透明值 100為不透明

不過,ie8及以下不識別,

所以要針對它們再寫一句

filter:alpha(opacity=50);

8樓:匿名使用者

濾鏡:alpha語法:style="filter:

alpha(opacity=opacity, finishopacity=finishopacity,style=style, startx=startx,starty=starty,finishx=finishx,finishy=finishy)" 說明:opacity:起始值,取值為0~100, 0為透明,100為原圖。

finishopacity:目標值。style:

1或2或3startx:任意值starty:任意值例子:

filter:alpha(opacity="0",finishopacity="75",style="2")

9樓:匿名使用者

透明度的話ie下用filter:alpha(opacity=50);範圍0到100,非ie下用opacity:0.5,範圍0到1

10樓:匿名使用者

沒看見圖,透明度的話ie下用filter:alpha(opacity=50);範圍0到100,非ie下用opacity:0.5,範圍0到1,數值根據你的需要調

11樓:中亞盛世建站

opacity:50

css怎麼設定透明度

12樓:匿名使用者

div半透明例項演示

實現div半透明例項演示

2、在瀏覽器效果截圖:

css div半透明實現截圖

css+div實現半透明 瀏覽器中瀏覽實現div半透明效果截圖總結:根據以上兩個例項,第一個沒有設定半透明樣式,另外一個設定半透明樣式而實現了div層半透明效果,大家可以根據需要調整半透明值,實現想要半透明度。設定半透明效果要考慮ie瀏覽器、谷歌、火狐等瀏覽器相容支援,所以我們半透明樣式**務必完整。

13樓:山東文匯軟體

有兩種:

1、background:#000; opacity:0.5; 這個方法是給盒子背景顏色透明,但盒子裡面有內容的話,連內容也會透明,就是說子元素會繼承上一級的屬性

2.background:rgba(0,0,0,0.5); 這個只針對背景顏色,子元素不會繼承上一級的屬性

描寫微風細雨的句子,求描寫下雨前景色的句子

微風吹來了八月,我撐一傘細雨,躑躅在藍天和藍天下的綠草。微風很微,細雨很細,藍天很藍,綠草啊很綠!在自然界裡,我認為最完美的是微風和細雨。在今天,天空飄著小小的雨點,漸漸地把大地打溼了。我拿著書本站在陽臺上,靜靜地傾聽雨點灑落大地細小的聲音,任微風吹拂我的臉龐,我忽然感到自己是多麼快活。這時,我那縷...

CSS中設定字型如何設定為微軟雅黑Bold字型

以在css中設定文字字型為 微軟雅黑 具體方法和css 如下 body 之所以加上中文名 微軟雅黑 是為了相容opera。microsoft jhenghei為微軟正黑體,stheiti為華文黑體,寫這麼多字型是為了預防萬一使用者的電腦上沒有微軟正黑體,那麼css可以從後邊幾種字型中選擇一個類似的字...

css為什麼中li的間距如何設定呢

margin距離 或者 line height行高 應該是 或者當然兩個意思不一樣 第一個是li距離下面20畫素 第二個是li內字元的行高 margin bottom 也可以是margin top,margin left,margin right 怎麼通過css來修改ul裡li之間的行間距呢?使用b...