① CSS怎麼設置圖像透明
css屬性的透明度是 opacity
② 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圖片透明度
img { opacity:0.6; }
④ 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怎麼調背景圖片透明度
只能使用css濾鏡效果,但是只能IE支持此效果,其他瀏覽器是不支持的,建議換成PNG的透明圖片,用JS來調整IE6下PNG失效的bug。
⑥ css設置透明度的屬性
style="background:rgba(51,51,51,0.1);"
前三51為顏色的rbg代碼,後面0.1背景顏色的透明度,1為不透明,0.1代表10%透明度
⑦ css里怎麼給背景圖片變透明點 給圖片的div加什麼代碼才能實現呢
1、新建html文檔,在body標簽中添加一個img標簽,這時默認情況下圖片是不透明的: