css中，如何設置前景色的透明度？

1、準備好初始化的代碼

成都創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設,米易企業(yè)網(wǎng)站建設,米易品牌網(wǎng)站建設,網(wǎng)站定制,米易網(wǎng)站建設報價,網(wǎng)絡營銷,網(wǎng)絡優(yōu)化,米易網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

html

head

meta charset="utf-8"/

style

/style

/head

body

div/div

/body

/html

2、初始化樣式

div{

border:1px red solid;

width:800px;

height:800px;

background-color:blue;

}

3、運行結果為

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

5、運行結果為

透明原理：把背景顏色設置為rgb的方式，然后再加一個透明度就可以設置為半透明了。

注意：設置背景顏色時哪里應該寫成rgba。

CSS怎么設置讓背景顏色透明，而文字不透明

1、首先我們新建一個html文件，添加一個DIV，設置寬度和高度，以及背景色填充為紅色。

2、然后在父級DIV中插入一個子DIV，定義它的寬高，以及背景色。

3、然后我們添加一個透明度的代碼（opacity:0.6）。

4、在圖層的上方，有個不透明度，我們把PS中圖層不透明度設置為60%。

5、把剛才的背景色和不透明度代碼刪除，換個代碼【background-color:rgba(255,255,255,0.6);】。

6、其中255,255,255就是PS中的拾色器里的數(shù)值。

css怎么設置透明度

1、filter：對win IE設置半透明濾鏡效果，filter:alpha(Opacity=80)代表該對象80%半透明，火狐瀏覽器不認

2、-moz-opacity：對mozilla firefox火狐瀏覽器實現(xiàn)半透明，win IE不認此屬性，-moz-opacity:0.5相當于設置半透明為50%

3、opacity：對除IE外所有瀏覽器支持包括谷歌，放最后主要針對谷歌瀏覽器，opacity: 0.5;表示設置50%半透明

為了觀察到對DIV半透明實現(xiàn)，我們設置兩個DIV層，分別一個放于另外一個DIV層內(nèi)，外層DIV命名為“.div-a”;上面被包含的層CSS類命名為“.div-b”，形成“.div-b”盒子放于“.div-a”內(nèi)

我們對底層DIV設置一個背景是一張圖片，上面的DIV盒子設置村黑色。

二、未設置半透明樣式實例 - TOP

1、根據(jù)描述實例，未設置半透明HTML源代碼：

!DOCTYPE html

html

head

meta charset="utf-8" /

title半透明實例在線演示 ;/title

style

.div-a{ background:url(div-a-bg.png) no-repeat;width:230px;height:136px;padding:10px;}

.div-b{ background:#000;width:200px;height:100px;padding:5px;color:#F00}

/style

/head

body

div class="div-a"

div class="div-b"DIV半透明實例演示/div

/div

/body

/html

2、未設置半透明CSS樣式截圖：

未設置半透明時截圖

未設置半透明樣式 未實現(xiàn)半透明實例瀏覽器中效果截圖

三、對DIV設置CSS半透明樣式實例 - TOP

1、我們對“.div-b”選擇器加入半透明樣式代碼：

filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;

設置60%半透明效果

完整實例網(wǎng)頁HTML代碼如下：

!DOCTYPE html

html

head

meta charset="utf-8" /

title半透明實例在線演示 ;/title

style

.div-a{ background:url(div-a-bg.png) no-repeat;width:230px;height:136px;padding:10px}

.div-b{ background:#000;width:200px;height:100px;padding:5px;color:#F00;

filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6}

/* CSS注釋說明：這里對CSS代碼換行是為了讓代碼在此我要中顯示完整，換行后CSS效果不受影響 */

/style

/head

body

div class="div-a"

div class="div-b"實現(xiàn)DIV半透明實例演示/div

/div

/body

/html

2、在瀏覽器效果截圖：

css div半透明實現(xiàn)截圖

css+div實現(xiàn)半透明 瀏覽器中瀏覽實現(xiàn)DIV半透明效果截圖

總結：根據(jù)以上兩個實例，第一個沒有設置半透明樣式，另外一個設置半透明樣式而實現(xiàn)了div層半透明效果，大家可以根據(jù)需要調(diào)整半透明值，實現(xiàn)想要半透明度。設置半透明效果要考慮IE瀏覽器、谷歌、火狐等瀏覽器兼容支持，所以我們半透明樣式代碼務必完整。

css實現(xiàn)png圖片透明的方法

實現(xiàn)透明的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專屬濾鏡?filter:Alpha(opacity=x)，x 的取值從 0 到 100，如filter:Alpha(opacity=80)

CSS 的顏色代碼 透明色是什么代碼？

透明色：transparent

背景色設為透明，代碼如下：background-color:transparent;

字體顏色設為透明，代碼如下：color:transparent;

擴展資料：

常用顏色代碼分4種，分別如下：

1、常用顏色單詞，比如green（綠色），yellow（黃色），red（紅色），transparent（透明色）等；

2、以#號開頭的六個字符組成的顏色代碼，比如：#FF0000（紅色），#000000（黑色），#F9F900（黃色）等；

3、顏色rgb值，表達方式：rgb(參數(shù)1，參數(shù)2，參數(shù)3)，三個參數(shù)分別表示r，g，b

1）R：紅色值。正整數(shù) | 百分數(shù)

2）G：綠色值。正整數(shù) | 百分數(shù)

3）B：藍色值。正整數(shù) | 百分數(shù)

4、rgba(參數(shù)1，參數(shù)2，參數(shù)3，參數(shù)4)，這種方式前三個參數(shù)與上面第3點種相同，第四個參數(shù)表示透明度，數(shù)值在0-1之間。0表示透明度為0（即透明色），1表示透明度為1（百分百）。

css里邊寫透明樣式怎么寫

如果是用樣式的話需要用到濾鏡

style="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity，Style=style, StartX=startX，StartY=startY，F(xiàn)inishX=finishX，F(xiàn)inishY=finishY)"

說明：

Opacity：起始值，取值為0～100, 0為透明，100為原圖。

FinishOpacity：目標值。

Style：1或2或3

StartX：任意值

StartY：任意值

例子：filter:Alpha(Opacity="0",FinishOpacity="75",Style="2")

但是因為濾鏡的兼容性問題，最好是不要用，你可以用ps做圖的時候，把背景調(diào)一下透明度后導成png格式的圖片就行了，如果透明的背景顏色一樣的話，那么你可以切成1px*1px大小的png圖片平鋪，gif只支持透明度100%也就是完全透明的圖片，半透明的不支持，而png格式的圖片則不存在什么問題，唯一會有問題的地方就只是IE6不兼容透明png格式而已，我的百度空間有解決IE6透明的問題