css怎麼設置圖片透明度

❶ css設置透明度的屬性

style="background:rgba(51,51,51,0.1);"
前三51為顏色的rbg代碼，後面0.1背景顏色的透明度，1為不透明，0.1代表10%透明度

❷ css怎麼調背景圖片透明度

只能使用css濾鏡效果，但是只能IE支持此效果，其他瀏覽器是不支持的，建議換成PNG的透明圖片，用JS來調整IE6下PNG失效的bug。

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

可以設置啊，如圖：

常見的失敗做法

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

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

正確Action:

❹ css實現png圖片透明的方法

實現透明的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中，怎麼寫背景圖片的透明度

親，我們經常會使用到背景圖片，但有時候需要把背景圖片設置一個半透明的效果，那麼就需要以下的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裡面怎麼設置圖片的透明度，代碼是什麼，謝謝

在圖片的屬性中加上{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}

參數說明：

opacity是最重要的，因為它是CSS透明的標准屬性，取值范圍在0-1之間，目前支持的瀏覽器有：

Firefox、Chrome、Opera、Safari。（也就是說，除了IE，它支持所有主流瀏覽器）；

filter:alpha(opacity=50);是專門給IE設定的屬性，取值的范圍在0-100之間；

-moz-opacity是為了兼容一些老版本的Mozilla瀏覽器，取值范圍在0-1之間；

-khtml-opacity是為了兼容一些老版本的Safari瀏覽器，取值范圍在0-1之間。

以上是兼容瀏覽器參數，看別人的代碼，通常情況下會剩去後兩個屬性，這是因為Mozilla和Safari瀏覽器都支持自動更新，用這些瀏覽器的人一般用的也是較新的版本，因此後兩個為了兼容較老的瀏覽器的屬性不用也罷。

以上就是CSS透明屬性的基本用法，然而用到透明屬性的地方，一般都是用在層疊層次較多的下層

來用，這就需要考慮CSS的繼承問題：因為下層透明的元素，上層也會跟著透明。目前我還沒有很

好的方法解決這個繼承問題（有更好解決辦法的歡迎留言告之），所以遇到這種情況，我通常是

把HTML部分要透明的部分獨立分離開，然後採用定位的方法再把它定位到該放置的位置。

❼ 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里怎麼給背景圖片變透明點 給圖片的div加什麼代碼才能實現呢

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

❾ CSS怎麼設置圖像透明

css屬性的透明度是 opacity