css怎麼設置背景透明度

來源：趣味經驗館 2.93W

1、創建一個html文件。 2、在html文件找到一個標籤，在這個標籤裏創建一個標籤並添加一個類，在這把這個類設置為：rgba。代碼： 3、為div添加樣式。在標籤後面創建一個，在標籤裏設置rgba類的高和背景透明度的樣式（rgba(R,G,B,A)）。透明度參

有些時候想調css背景怎麼辦呢？

方法

語法：background-color:rgba(0,0,0,0.1);然後創建一個html文件。

怎樣在CSS樣式中設置背景的透明度,下面一個具體的實例。把類為box的層設為透明。 .box{width:300px; height:200px; margin:0 auto; boxder:1px solid #ccc; background:#000; filter:alpha(opacity:30); opacity:0.3; -moz-opacity:0.3;-khtml-o

從html文件找到<body>標籤，然後在這個標籤裏創建一個<div>標籤並添加一個類，在這把這個類設置為：rgba

1、首先新建一個html文件，添加一個DIV，設置寬度和高度，以及背景色填充為紅色。 2、然後在父級DIV中插入一個子DIV，定義它的寬高，以及背景色（background：#fff;）。 3、然後添加一個透明度的代碼（opacity:0.6）,保存後預覽下效果，背景已經

在<title>標籤後面創建一個<style>，在<style>標籤裏設置rgba類的高和背景透明度的樣式（rgba(R,G,B,A)）。透明度參數，取值在0~1之間，不可為負值，透明度參數越小透明度越高。其中R，G，B，分別代表了紅，綠，藍三種顏色。

設置元素的透明度： -moz-opacity:0.8; /*在Firefox中設置元素透明度 filter: alpha(opacity=80); /*ie使用濾鏡設置透明但是當我們對一個標籤設置背景的透明度時，往往我們並不希望該標籤上的文字圖片也變成半透明瞭。例如：不透明 div{-moz-

保存後使用瀏覽器查看。

html中設置背景和背景顏色的透明度有兩種方式： 1.通過rgba方式設置例如： background:rgba(0,0,0,.5); 優點：可對任意顏色設置透明度缺點：存在兼容性問題：針對IE9以下瀏覽器不兼容 2.通過backgroud和opacity設置例如：background:#000000;

最後可以把所有代碼複製到新建的html文件上，然後用瀏覽器打開窗口看到效果。希望能幫助到你！

當你是用 opacity 給一個元素設置透明度是，請注意，你修改的是這個元素的本質上的透明度。那麼在這個元素裏所有的內容，包括它自己的屬性(比如背景色),它內部的子元素，比如裏面有個div.child 都會變的透明，而且無論你如何修改 div.child 的

擴展閲讀，以下內容您可能還感興趣。

css中，怎麼寫背景圖片的透明度？

這個真沒有，

你只能設置容器的透明度，粟子：

<style>

#test{width:320px;height:320px;background:url(背景地址);opacity:0.7;filter:alpha(opacity=70)

}

<div id="test">這個DIV是有背景圖片的哦</div>

事實上，上面的是設置ID為TEST的透明度，，因為背景是應用在TEST上的，所以也會跟着透明度，，達到你的要求，，

背景圖片的透明度如何設置（CSS）

可以設置啊，如圖：

常見的失敗做法

最常見的做法事設置元素的opacity,這種設置出來的效果就是內容與背景都事半透明的，嚴重影響視覺效果。

還有就是設置background-color:rgba(),這種方式只能設置背景顏色的透明度。

正確Action:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登陸</title> <style type="text/css"> body{ background-image:url(images/bird.jpg); background-repeat: no-repeat; background-size:100%; } .login_box::before{ content:""; /*-webkit-filter: opacity(50%); filter: opacity(50%); */ background-image:url(images/love.jpg); opacity:0.5;//透明度設置 z-index:-1; background-size:500px 300px; width:500px; height:300px; position:absolute; //一定要設置position:absolute,這樣才能設置z-index，讓背景處於內容的下一層 top:0px; left:0px; border-radius:40px; } .login_box{ position:fixed; left:50%; top:200px; width:500px; height:300px; margin-left:-250px; border-radius:40px; box-shadow: 10px 10px 5px #888; border:1px solid #666; text-align:center; } form{ display:inline-block; margin-top:100px; } input{ display:block; width:250px; height:30px; background-color: #888; border:1px solid #fee; outline:none; border-radius:10px; } input[type="submit"]{ width:100px; height:30x; margin-left: 70px; background-color: #ccc; } span{ color:red; font-size:15px; } </style> </head> <body> <div class="login_box"> ... ...

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中的拾色器裏的數值。

css裏怎麼給背景圖片變透明點給圖片的div加什麼代碼才能實現呢

1、新建html文檔，在body標籤中添加一個img標籤，這時默認情況下圖片是不透明的：

2、在head標籤中添加style標籤，在style標籤中為img標籤設置透明度樣式，其中三個屬性是為了兼容不同瀏覽器：

3、刷新瀏覽器中的頁面，這時可以發現瀏覽器中圖片的透明度改變了，透明度的範圍是0-1，0表示完全透明，1表示不透明：

css怎麼調背景圖片透明度

不知道你説的背景圖片透明度，是不是要將圖片變成透明的，好讓它和網頁顏色契合？

設置 css