網頁設計圖片透明度_網頁設置圖片透明代碼

1、圖示的網頁透明效果，是怎樣實現的？

第一種：加入帶有顏色的遮罩一樣的半透明效果。
源代碼為:
<STYLE type=text/css>
.bodyBg {background:#transparent;filter:progid:DXImageTransform.Microsoft.gradient(GradientType ='1',enabled='true',startColorstr=#AAFFFFFF, endColorstr=#AAFFFFFF);}
</STYLE>
代碼中：startColorstr=#AAFFFFFF 前面的AA是透明度，修改成FF是不透明，00是全透明，後面的 FFFFFF 是顏色，就是說在上面蒙什麼顏色的東西，正常使用這個效果startColorstr=#AAFFFFFF和 endColorstr=#AAFFFFFF 後面的=#AAFFFFFF數值要一樣!

2.簡易透明效果。
將上面的渲染方式改為：filter:alpha(opacity=80)，80是透明值，100為不透明，0為全透明。

3.其實CSS還有很多其他的渲染方式~付上其他的一些渲染代碼。
黑白照片 filter: gray;
X光照片 filter: Xray;
風動模糊 filter: blur(add=true,direction=45,strength=30);
正弦波紋 filter: Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3);
半透明效果 filter: Alpha(Opacity=50);
線型透明 filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140);
放射透明 filter: Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=30, StartY=30, FinishX=200, FinishY=200);
白色透明 filter: Chroma(Color=#FFFFFF);
降低色彩 filter: grays;
底片效果 filter: invert;
左右翻轉 filter: fliph;
垂直翻轉 filter: flipv;
投影效果 filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true);
馬賽克 filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3);
發光效果 filter:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5);
柔邊效果 filter:alpha(opacity=100, finishOpacity=0,style=2

2、網頁設計中如何設置圖像透明色？

告訴你了給個分吧

3、網頁設置圖片透明代碼？

1。自己製作透明效果的圖片，gif和png可以支持透明背景的 2。使用css濾鏡，filter:alpha(opacity=50) 其中50是透明度，此方法僅ie支持

4、網頁中圖片透明如何設置

png原圖在IE7.0下是透明的
在IE6.0下貌似不透明
最好的辦法是用FLASH導出GIF,是透明效果
但畫質很差,如果不是要求很嚴格的透明效果話
可以把PNG的背景與網頁背景設一樣,形成透明效果

5、Dreamweaver 8中網頁背景圖片怎麼設置透明度？

(1)：「Opacity」代表透明度水準，范圍是0---100，其實就是百分比的意思，如果你想變為全透明，那麼就用0代替Opacity後面的問號吧。
(2)：「FinishOpacity」就是用來指定結束時的透明度，范圍跟Opacity一樣(FinishOpacity為可選參數，不想要的話就去掉它吧。
(3)：「Style」是指定透明區域的形狀特徵，0代表統一形狀，1代表線形，2代表放射形，3代表長方形。比如我們一般可以寫成Style=1。
(4)「startX」與」startY」就是代表漸變效果開始的X與Y坐標，(坐標應該知道是什麼吧)一般我們設置為StartX=0, StartY=0(這樣就是表示的透明效果是從圖片的左上角開始的。)
(5)「FinishX」與「FinishY」當然，這個就是代表漸變效果結束時的橫縱坐標了，這里很關鍵，填什麼數值那就要看你的圖片的高與寬了，假設我們的圖片高與寬分別是100、200像素，那麼就可以寫成FinishX=200， FinishY=100。(如果你只想要一半的面積是透明，那麼可以設置成FinishX=100， FinishY=50)
給下面一個完整代碼的給你們參考：(下面的數值我是假設圖片高與寬分別是100、200像素)
Alpha(Opacity=25, FinishOpacity=50, Style=1, StartX=0, StartY=1, FinishX=200, FinishY=100)
4：ok，這時候你應該做的是把你想要的數值把那些討厭的問號替換掉，設置好這些參數後，就點擊ok。設置的步驟到此就算完成了，但設置完了不代表我們就做完了，我們還要把這個效果賦予圖片呢。下面介紹如何使用的步驟。
1：在Dreamweaver 4插入一圖，假設高為100，寬為200單位是像素(為了能看到效果，我們可以把網頁的背景設為紅色等鮮明的色彩。
2：再次調出css styles窗口(參見設置步驟1)
3：在css styles窗口中，應該有個clarity，如圖指明處：
4：在Dreamweaver 4選中你插入的圖。
5：用滑鼠單擊上圖3的指明處。
6：大功告成，你可以按鍵盤的f12來預覽了(注意，這種特效在編輯狀態下是不可見的，一定要預覽才可見。

6、關於網頁設計裡面圖片透明的問題？

在ie8中或比較新的瀏覽器重是自動透明的，
在ie6或大多數普通瀏覽器中是不透明的，所以給你個方法http://www.lanrentuku.com/js/css-713.html

7、如何設置HTML圖片的背景顏色為透明的？

1、首先新建一個記事文本，重新命名背景顏色.html，按回車確認，如下圖所示。

2、回到桌面選中新創建的背景顏色.html文件，右鍵選擇記事本打開，然後在記事本中手動輸入圖中代碼，這是一個標準的html頭尾格式。

3、在<body>中添加代碼：bgcolor="#000000"，保存。

4、這時在桌面打開背景顏色.html，打開頁面顯示為黑色背景，如下圖所示就完成了。

導航:首頁 > 萬維百科 > 網頁設計圖片透明度

網頁設計圖片透明度

與網頁設計圖片透明度相關的知識