⑴ 背景圖片的透明度如何設置（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中，怎麼寫背景圖片的透明度
之前，回答過一個這樣的問題，，
說明一下，
背景圖片是調整不了透明度的，你只能調整容器的透明度來實現容器內的背景，內容也出現透明度。
<style>
#box{
width:200px;
height:200px;
background:url(背景路徑);
opacity:0.5;
filter:"alpha(opacity=50)";
-ms-filter:"alpha(opacity=50)";
/*
舊版ie
*/
}
</style>
<div
id=box></div>
⑶ css中如何設置透明度
您好，設置
背景透明度：background:rgba(0,0,0,0.5) 最後一個參數為透明度。
元素透明度：css屬性 opacity:0.5;
范圍0-1
⑷ css中如何設置透明度
怎樣在CSS樣式中設置背景的透明度,下面一個具體的實例。把類為box的層設為透明。
<div class="box"></div>
<style>
.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-opacity: 0.3}
</style>
其中background:#000; filter:alpha(opacity:30); opacity:0.3;為關鍵代碼，當opacity值為1時，表示完全不透明，為0時表示完全透明。
其關的屬性介紹如下:
opacity: 0.3；這是「最重要的」，因為它是在CSS的現行標准。這將在Firefox，Safari和Opera的大多數版本的工作。這將是你所需要的一切如果所有的瀏覽器都支持目前的標准。當然是他們不會錯。
filter:alpha(opacity=30);這一個是針對IE瀏覽器
-moz-opacity:0.3;你需要這一個支持老版本的Mozilla瀏覽器如Netscape Navigator。
-khtml-opacity: 0.3;這是舊版本的Safari（1.×）當渲染引擎是使用仍被稱為kthml，而不是目前的WebKit。
⑸ 請問:怎樣用CSS來設置網頁背景圖片的透明度
CSS Alpha透明的相關知識。先請看如下代碼：
filter:alpha(opacity=50); /* IE */
-moz-opacity:0.5; /* Moz + FF */
opacity: 0.5; /* 支持CSS3的瀏覽器（FF 1.5也支持）*/
簡單解釋，IE使用私有屬性filter:alpha(opacity)，Moz Family使用私有屬性-moz-opacity，而標準的屬性是opacity（CSS 3, Moz Family部分支持CSS3）。後面的數值是透明度，使用百分比或者小數（alpha(opacity)）使用大於0小於100的數值，其實也是百分比）。
從上面的代碼中你沒有看到Opera。沒錯，Opera還未支持標準的opacity，也沒有其私有的可支持Alpha透明的屬性。
但是，我們知道，Opera是支持Alpha透明的PNG圖片的（當然Moz Family也支持）。所以我們可以使用背景圖片來實現Alpha透明效果。
關鍵在於：
background:transparent url(alpha80.png) left top repeat!important;
background:#ccc;
filter:alpha(opacity=50);
既然Moz Family支持Alpha透明的PNG，所以我們沒有必要使用其私有屬性了。當然，你可以使用標準的opacity，但別同時使用Alpha透明圖片和opacity，這樣的話就成了兩者的混合了。你可以把上面的例子下載過來，然後/*opacity:.5;*/的注釋看看。
⑹ css中，如何設置前景色的透明度
1、准備好初始化的代碼
<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、運行結果為
透明原理：把背景顏色設置為rgb的方式，然後再加一個透明度就可以設置為半透明了。
注意：設置背景顏色時哪裡應該寫成rgba。