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

時間 2021-10-14 23:07:41

1樓:娛樂螺螄粉

opacity: 0.4; //ie9+和非ie透明

background:rgba(0, 0, 0, 0.4); //背景透明

filter:alpha(opacity=40);ie6,7,8

2樓:鰟鮍魚

50和0.5是透明度,按自己需要修改吧。

css**:

.box

html**:

透明區域

3樓:水煮魚同盟

background: rgba(255, 255, 255, 0.85) 0.85是透明度的百分比

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

4樓:大野瘦子

1、準備好初始化的**

2、初始化樣式

div3、執行結果為

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

5、執行結果為

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

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

5樓:匿名使用者

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%透明。

6樓:

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

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

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

7樓: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%*/

8樓:黑馬程式設計師

一、首先html佈局:

我是一段文字

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

三、加css樣式的html:

我是一段文字

在開發工具裡面的截圖:

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

9樓:啄木鳥

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

css怎麼設定透明度

10樓:匿名使用者

div半透明例項演示

實現div半透明例項演示

2、在瀏覽器效果截圖:

css div半透明實現截圖

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

11樓:山東文匯軟體

有兩種:

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

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

css在設定了透明度的層裡,怎麼讓裡面的層不透明?

12樓:匿名使用者

在外層div設定了css**如下:

opacity: 0.8;

-moz-opacity: 0.8;

filter: alpha(opacity=80);

此時,此層裡面的層都為透明層,接下來我們如何讓裡面的層不透明呢?主要有兩個方法:

1、如果是要設定顏色層透明,可以用背景色透明 rgba來代替opacity,

2、如果是設定**層透明,就用ps簡單處理一下即可。

opacity這個屬性指定的透明是包括裡面的所有元素的,不可能只有外面透明,裡面不透明。

如何設定Android中控制元件的顏色透明度

好程式設計師 設定android中控制元件的顏色透明度需要設定設定控制元件的background屬性設定方法如下。1 使用android studio建立一個android 專案,如下圖 2 開啟xml佈局檔案,如下圖所示 3 建立一個button控制元件並新增如下屬性 4 新增background...

如何設定Android中控制元件的顏色透明度

1 ff000000 此為16進位制顏色 前2位ff為透明度,後6位為顏色值 000000為黑色,ffffff為白色,可以用ps等軟體獲取 2 透明度分為256階 0 255 計算機上用16進製表示為 00 ff 透明就是0階,不透明就是255階,如果50 透明就是127階 256的一半當然是128...

如何設定android中控制元件的顏色透明度

好程式設計師 android background a000 這條屬性第一位表示設定透明度0 f 越大表示越不透明 後面位表示rgb顏色的值 android 是支援 argb顏色的 a就代表透明度 例如 ffaabbcc 如何設定android中控制元件的顏色透明度 育知同創教育 1 ff00000...