css背景色透明度
1. 背景圖片的透明度如何設置（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"> ... ...2. css怎樣僅設置div元素背景透明度，而不設置div元素裡面元素的透明度
設置div元素背景透明度，而不設置div裡面元素透明度的方法：創建靜態頁面插入回一個div和十個子div-類選擇器和元素答選擇器設置div標簽-打開瀏覽器預覽-使用nthoftype設置div元素-保存打開瀏覽器預覽。具體方法如下：
1、在openhbuilderx工具中，創建一個新的靜態頁面並插入一個div和十個子div。
注意事項：
一般來說，我們可以使用CSS的opcity屬性來改變一個元素的透明度，但是它的子元素的透明度也會改變，即子元素被重新定義了。例如：<div style="opacity:0.4; background-image:url(...);"><div style="opacity:1.0;">顯示文字</div></div>文字元素的透明度也會是0.4。
3. css中，怎麼寫背景圖片的透明度
將一個div設置為絕對定位，在這個div下設置背景圖片與改變圖片透明度。舉例：
html :
...<div id="content"><h1>Hello world!</h1></div> <div id="background"></div>...
css:
#background{ width:100%;height:100%;position:absolute;top:0px;opacity: 0.6;background-image: url(test.jpg);background-size: 500px 500px;}
親測能看到效果。
4. css怎麼調背景圖片透明度
不知道你說的背景圖片透明度，是不是要將圖片變成透明的，好讓它和網頁顏色契合？
5. DIV 背景色透明，我用CSS代碼： filter:alpha(opacity=50);這樣寫背景是透明了，
<style>
*{ margin:0; padding::0;}
#div1{width:300px; height:200px; position:relative； }
. pos{ background:black; filter:alpha(opacity:30);opacity:0.3; height:100%;position:absolute;width:100%;top:0; z-index:1 }
.box { width:300px; height:20px; background:blue; position:absolute; bottom; top:0;z-index:0; }
</style>
</head>
<body>
<div id="div1">
<div class="pos"></div>
<div class="box">這里是內容部分</div>
</div>
</body>
6. HTML如何給背景顏色設置透明度
問題分析：
HTML的標簽可以使用CSS的background-color來設置背景顏色以及透明度。
舉例如下：
以下示例將分別演示不透明、50%透明度以及20%透明度的三種不同效果。
HTML代碼：
<divid="test-1">
我是黑色背景，不透明的。
</div>
<divid="test-2">
我是黑色背景，50%透明度。
</div>
<divid="test-3">
我是黑色背景，20%透明度。
</div>
CSS代碼：
#test-1,#test-2,#test-3{
width:300px;
height:200px;
line-height:200px;
text-align:center;
display:inline-block;
margin-left:50px;
color:#FFF;
}
#test-1{
background-color:rgba(0,0,0,1);
}
#test-2{
background-color:rgba(0,0,0,0.5);
}
#test-3{
background-color:rgba(0,0,0,0.2);
}頁面初始化效果：
7. HTML如何給背景顏色設置透明度
為div添加樣式。在<title>標簽後面創建一個<style>，在<style>標簽里設置rgba類的高
和背景透明度的樣式（rgba(R,G,B,A)）。透明度參數，取值在0~1之間，不可為負值，
透明度參數越小透明度越高。
#test-1,#test-2,#test-3{
width:300px;
height:200px;
line-height:200px;
text-align:center;
display:inline-block;
margin-left:50px;
color:#FFF;
}
#test-1{
background-color:rgba(0,0,0,1);
}
#test-2{
background-color:rgba(0,0,0,0.5);
}
#test-3{
background-color:rgba(0,0,0,0.2);
}
8. 用css實現div的黑色透明
現在比較穩妥的做法是做一個半透明的黑色PNG圖片，然後把它作為背景，因為單純用CSS來寫回，在IE8及以下版本答裡面是不生效的。當然如果一定要用CSS來實現的話，也容易，可以直接設置這個元素的透明度，例如下面這樣：
background:#000; opacity: 0.8;
也可以直接設置背景色為透明色，例如：
background:rgba(0,0,0,0.8);
這也是樓上的方法，相對而言這個方法還是比較簡潔的，只是會遇到一點點瀏覽器兼容的問題罷了。
9. CSS如何定義DIV背景半透明顏色
「長城郭靖」回答的是錯的，他答的是讓整個元素半透明
只讓背景半透明只有一專個辦法，就是用rgba顏色屬，代碼如下
background:rgba(0,0,0,0.5)
解釋：這是黑色半透明的代碼
前三個值表示顏色的red,green,blue值
最後一個表示alpha值，就是透明度值，不透明為1
（支持IE8+以及所有現代瀏覽器）
還是不懂的話，可以參考 網路 「rgba」詞條 和 「CSS 顏色值」詞條
10. CSS中背景顏色透明度如何設置
opicaty:50; // 0-100為透明值 100為不透明
不過，ie8及以下不識別，
所以要針對它們再寫一句
filter:alpha(opacity=50);