⑴ Css實現背景圖片半透明效果。
你的圖片跟第二個層在同一個層里，第二個層又是相對定位，當然不行了。
<style type="text/css">
.alpha{filter:alpha(opacity=30);width:400px;}
</style>
<div width="1024" height="768">
<img src="C:\\webstudy\\Pic\\2.jpg" class="alpha"/>
</div>
<div style=" position:absolute;left:0px; top:0px">
<font color=red>asdfasdfd</font>
<br><br><br><br>sdfsdfsdfsdfsdf<br><br><br>
</div>
或者：
<style type="text/css">
.alpha{filter:alpha(opacity=30);width:400px;}
</style>
<div style="position:relative" width="1024" height="768">
<img src="My Pictures/q-1.jpg" class="alpha"/>
<div style="position:absolute;left:0px; top:0px">
<font color=red>asdfasdfd</font>
<br><br><br><br>sdfsdfsdfsdfsdf<br><br><br>
</div>
</div>
⑵ html圖片透明度怎麼設置
div1{width:300px;height:200px;position:relative;background:url(geas.jpg)}<br />.div1 .bg{width:300px;height:200px;position:absolute;left:0;top:0;z-index:1;background:#ffffff;opacity:0.6;}<br />.div1 a{width:160px;height:100px;display:block;position:absolute;left:70px;top:50px;z-index:2;}
⑶ css怎麼調背景圖片透明度
只能使用css濾鏡效果，但是只能IE支持此效果，其他瀏覽器是不支持的，建議換成PNG的透明圖片，用JS來調整IE6下PNG失效的bug。
⑷ CSS背景顏色透明
個人建議做一個有透明度的png，然後把這個圖片設置成input的背景。因為在ie裡面，對於alpha濾鏡，會把這個濾鏡應用到對於元素及其內部所有文本上的，透明度設置得低一點還看不太出來，設置得一高，就會有各種問題了。
⑸ 背景圖片的透明度如何設置（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做網頁是不是背景圖片不能設置半透明
在CSS中有一個Alpha濾鏡，這個濾鏡可以設置目標元素的透明度。還可以通過指定坐標，從而實現各種不同范圍的透明度。具體語法如下： {filter: alpha(opacity=#opacity,finishopacity=#finishopacity,style=#style,startx=#startx,starty=#starty,finishx=#finishx,finishy=#finishy)} 具體參數含義如下： opacity 透明度。默認的范圍是從0 到 100，他們其實是百分比的形式。也就是說，0代表完全透明，100代表完全不透明。 finishopacity 是一個可選參數，如果想要設置漸變的透明效果，就可以使用他們來指定結束時的透明度。范圍也是0 到 100。 style 指定透明區域的形狀特徵：0 代表統一形狀，1 代表線形，2 代表放射狀，3 代表矩形 startx 漸變透明效果開始處的 X坐標。 starty 漸變透明效果開始處的 Y坐標。 finishx 漸變透明效果結束處的 X坐標。 finishy 漸變透明效果結束處的 Y坐標。 以上的參數可以選用，可以只設置一個opacity例如：{filter:alpha(opacity=50)} 這個就是半透明的設置，只要把{}中的代碼加入到需要設置的模版中的{}的即可，記得與前面的代碼之間要用";"間隔，不然設置是無效的
⑺ 如何設置HTML圖片的背景顏色為透明的
需要准備的材料分別有：電腦、chrome瀏覽器、html編輯器。
1、首先，打開html編輯器，新建html文件，例如：index.html，編寫問題基礎代碼。
⑻ css中，怎麼寫背景圖片的透明度
親，我們經常會使用到背景圖片，但有時候需要把背景圖片設置一個半透明的效果，那麼就需要以下的CSS了。這是一個CSS濾鏡達到的效果，應用十分廣泛。
.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}
註：
代碼應用的式CSS中的Alpha濾鏡，這個濾鏡可以設置目標元素的透明度。還可以通過指定坐標，從而實現各種不同范圍的透明度。具體語法如下：
{filter：alpha(opacity=#opacity,finishopacity=#finishopacity,
style=#style,startx=#startx,starty=#starty,finishx=#finishx,finishy=#finishy)}
具體參數含義如下：
「opacity」表示透明度調節，范圍在0－100，0表示完全透明，100表示完全不透明。
「finishopacity」 是一個可選參數，如果想要設置漸變的透明效果，就可以使用他們來指定結束時的透明度。范圍也是0 到 100。
「style」 指定透明區域的形狀特徵：0 代表統一形狀，1 代表線形，2 代表放射狀，3 代表矩形
「startx」 漸變透明效果開始處的 X坐標。
「starty」 漸變透明效果開始處的 Y坐標。
「finishx」 漸變透明效果結束處的 X坐標。
「finishy」 漸變透明效果結束處的 Y坐標。
以上的參數可以選用，可以只設置一個opacity
如果設置成下面代碼，就表示背景式半透明的：
{filter:alpha(opacity=50)}
⑼ css里怎麼給背景圖片變透明點 給圖片的div加什麼代碼才能實現呢
1、新建html文檔，在body標簽中添加一個img標簽，這時默認情況下圖片是不透明的：
⑽ 請問:怎樣用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;*/的注釋看看。