① 網頁設計中如何設置圖像透明色
用dreamweaver設計啊,這個工具的前台美化功能本來就很強大,不必要用到ps.下面是處理圖像的步驟:
1、先在dw設計頁面中插入你要處理的圖像,記住是插入圖像,不要在頁面屬性那添加背景,現在還沒到添加背景那一步;
2、選中圖像,在下面屬性欄里你就會看到一組可以編輯圖像的工具;
3、選擇第5個「亮度和對比度」工具,打開之後將亮度調高,將對比度調低就ok的了,要透明的程度你自己把握就行;
4、這一點是需要特別注意的:你調整好圖片按保存之後,那麼這張圖像將不可以再恢復原樣,如果你還想保留原圖,你可以在調整之前復制一份出來;
5、圖像已經處理完畢,將插入的這張圖像刪掉,再在「頁面屬性」那添加背景即可。
② ps怎麼調整圖片不透明度
很好調整的,在圖層面板里有一個不透明度選項,調整這個數值就可以。如下圖
這是調整為50%透明度的樣子
③ 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來預覽了(注意,這種特效在編輯狀態下是不可見的,一定要預覽才可見。
④ html整個網頁在有一個背景圖的情況下,怎麼在盒子里加一個有透明度的背景,裡面的圖片和文字不要透明了
<div style="background-color: rgba(0,0,0,0.3);">這是一個盒子的內容</div>
用以下方法可以將標簽的背景顏色設置為半透明。
CSS rgba() 函數教程