導航:首頁 > 萬維百科 > 網頁設計中如何插入透明式圖片

網頁設計中如何插入透明式圖片

 發布時間：2020-10-13 16:26:06

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

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

2、怎樣在現有網頁中加入透明圖片？？？？

http://blog.sina.com.cn/lm/8/2006/0803/4689.html

3、怎樣讓透明圖片添加在網頁中

在網頁里,最好把圖片格式轉化為.gif後綴的圖片, 當然.png後綴的圖片,也可以插入, 打開Dreamweaver 點菜單"插入",點"圖像",然後選擇你要插入的圖片,就可以了啦

4、怎麼把插入網頁的 圖片做成透明的。

需要把圖片做成PNG格式
在PS軟體里把背景設置成透明然後保存成PNG格式就可以了

5、在網頁設計中如何設置動畫背景透明

插入動畫後在下面屬性欄那裡的參數設置  第一個框打wmode 第二個框打transparent

希望可以幫到你！ ^_^

6、怎麼把一張圖片在網頁里顯示透明

請處理為PNG格式即可透明顯示。

7、求救：怎麼在網頁中插入半透明效果的圖片~不要css設置層

注意了！
要做透明效果的圖片，除了CSS的方法之外。
就是你說得用PS之類的圖片處理軟體來做了。

但是如果用PS來做，記得保存的格式必須是.gif，因為只有.gif才本身就具備透明效果。.JPG是沒有透明效果的。

另外，針對你的效果，CSS其實就很好實現了。
只是要注意方法，不同的方法有不同的效果。

下面我說的方法不會出現你所說的那樣——
「css設置層半透明效果搞得上面的字也模糊，再加一個文字層那也太佔用空間了，打開慢」
看我做的網頁代碼：

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>半透明效果圖片，背景可見，圖片上文字也可見</title>
<style type="text/css">
<!--
body {
background-image: url(images/xiahuaxian.gif);
}
#tupian {
filter: Alpha(Opacity=50, Style=3 );
}
-->
</style>

</head>
<body>

<img src="images/0001.jpg" name="tupian" width="580" height="396" id="tupian">
<div id="Layer1" style="position:absolute; left:133px; top:173px; width:448px; height:33px; z-index:1">圖片上的文字圖片上的文字圖
片上的文字圖片上的文字圖片上的文字圖片上的文字</div>
</body>
</html>

注意圖片要有「id="tupian"」的設置，背景圖片的設置在body {
background-image: url(images/xiahuaxian.gif);}

這個就是設置那張圖片的半透明效果，這樣設置的話，不會影響到別的圖片的效果。
#tupian {
filter: Alpha(Opacity=50, Style=3 );
}

如果要半透明效果的圖片呈現別的形狀，改動「Style=3」的值即可，取值范圍為0，1，2，3；其中0是最普遍的，即統一格式。

附帶說一句，文字層其實不佔空間，你看我的文字層才這么一段——
<div id="Layer1" style="position:absolute; left:133px; top:173px; width:448px; height:33px; z-index:1">圖片上的文字圖片上的文字圖
片上的文字圖片上的文字圖片上的文字圖片上的文字</div>

做網頁時，倒是表格得注意，網頁中的表格要整個下載完（即<table>和</table>之間）才能顯示，所以網頁中要少用表格。否則顯得打開很慢。

8、怎樣把網頁的背景圖像設置得透明一點啊？

用dreamweaver設計啊,這個工具的前台美化功能本來就很強大,不必要用到PS.下面是處理圖像的步驟:
1、先在DW設計頁面中插入你要處理的圖像，記住是插入圖像，不要在頁面屬性那添加背景，現在還沒到添加背景那一步；
2、選中圖像，在下面屬性欄里你就會看到一組可以編輯圖像的工具；
3、選擇第5個「亮度和對比度」工具，打開之後將亮度調高，將對比度調低就OK的了，要透明的程度你自己把握就行；
4、這一點是需要特別注意的：你調整好圖片按保存之後，那麼這張圖像將不可以再恢復原樣，如果你還想保留原圖，你可以在調整之前復制一份出來；
5、圖像已經處理完畢，將插入的這張圖像刪掉，再在「頁面屬性」那添加背景即可。

與網頁設計中如何插入透明式圖片相關的知識