在CSS中有一個(gè)Alpha濾鏡,這個(gè)濾鏡可以設(shè)置目標(biāo)元素的透明度。還可以通過指定坐標(biāo),從而實(shí)現(xiàn)各種不同范圍的透明度。具體語(yǔ)法如下:
創(chuàng)新互聯(lián)主要從事成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)中站,10余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18982081108
{filter:
alpha(opacity=#opacity,finishopacity=#finishopacity,style=#style,startx=#startx,starty=#starty,finishx=#finishx,finishy=#finishy)}
具體參數(shù)含義如下:
opacity
透明度。默認(rèn)的范圍是從0
到
100,他們其實(shí)是百分比的形式。也就是說,0代表完全透明,100代表完全不透明。
finishopacity
是一個(gè)可選參數(shù),如果想要設(shè)置漸變的透明效果,就可以使用他們來指定結(jié)束時(shí)的透明度。范圍也是0
到
100。
style
指定透明區(qū)域的形狀特征:0
代表統(tǒng)一形狀,1
代表線形,2
代表放射狀,3
代表矩形
startx
漸變透明效果開始處的
X坐標(biāo)。
starty
漸變透明效果開始處的
Y坐標(biāo)。
finishx
漸變透明效果結(jié)束處的
X坐標(biāo)。
finishy
漸變透明效果結(jié)束處的
Y坐標(biāo)。
以上的參數(shù)可以選用,可以只設(shè)置一個(gè)opacity
例如:
{filter:alpha(opacity=50)}
這個(gè)就是半透明的設(shè)置,只要把{}中的代碼加入到需要設(shè)置的模版中的{}的即可,記得與前面的代碼之間要用";"間隔,不然設(shè)置是無效的
例如:
我要設(shè)置模版區(qū)域背景的顏色(白色)+半透明
只要在
.modbox{}
.modbl{}
.modbc{}
.modbr{}
中都設(shè)置background-color:white
這些就是模版背景設(shè)置的ID
然后再在.modbox,.modbl,.modbc,.modbr{}如果沒有這個(gè)的話可以自己加一個(gè)
中加入filter
:
alpha(opacity=80)就可以達(dá)到所有模版的背景都是半透明的效果了
如果希望像我這樣只顯示blog的背景,別的都全透明的話,那么就在別的模版中加入背景全透明的代碼即可
background:transparent
這就是背景全透明的代碼
不過這樣的話,相關(guān)模版的主要區(qū)域是透明了,可是底下還會(huì)有一條顏色留著的,所以另外還要在
.modbl{}
.modbc{}
.modbr{}
中也加入背景全透明的代碼,這樣才能讓模版區(qū)域完全透明,就像我現(xiàn)在的效果一樣
另外這個(gè)參數(shù)目前只能用于背景色的設(shè)置,背景圖片無法設(shè)置為半透明
我把我的背景半透明代碼貼出來吧
.modbox{padding:10px
10px
10px;background-color:#FFFFFF;border-left:1px
solid
#813533;border-right:1px
solid
#813533}
.modbl{background:transparent;border-left:1px
solid
#813533;border-bottom:1px
solid
#813533;line-height:1px}
.modbc{background:transparent;border-bottom:1px
solid
#813533;line-height:1px}
.modbr{background:transparent;;border-right:1px
solid
#813533;border-bottom:1px
solid
#813533;line-height:1px}
.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto
!important;width:100%}
紅色字是關(guān)鍵設(shè)置,如果不想設(shè)置全透明的話,可以把.modbl{}.modbc{}.modbr{}三個(gè)中的background:transparent改成.modbox{}中的background-color:#FFFFFF,當(dāng)然這里的#FFFFFF你可以換成自己喜歡的顏色,不過為了美觀統(tǒng)一,建議這4個(gè)的顏色代碼最好設(shè)置為一樣的
附:#FFFFFF就是white,白色;#000000就是black,黑色
這是網(wǎng)站圖標(biāo)的格式,可以用一些在線的工具來制作比較方便快捷,比如這個(gè)在線的圖標(biāo)制作工具,就可以很輕松制作了,他可以選擇不同的圖標(biāo)尺寸,以及不同用途的圖標(biāo)的類型,還能選擇輸出不同的圖標(biāo)格式,挺方便可以嘗試。然后你要讓程序猿把圖標(biāo)文件放到應(yīng)用里面打包或者放到服務(wù)器某個(gè)路徑下就可以顯示了。在線ICO圖標(biāo)制作生成,圖片轉(zhuǎn)換ICO圖標(biāo)
圖片轉(zhuǎn)換ICO圖標(biāo)Pro版步驟
一、點(diǎn)擊或者拖拽到上傳框中,即可上傳你要轉(zhuǎn)換的圖片,直接將新圖片拖入上傳框即可更換圖片。目前已知支持jpg、png等多種常見的圖片格式,如果上傳圖片并轉(zhuǎn)換ico圖標(biāo)成功,則代表支持該格式。
二、此時(shí)預(yù)覽框中會(huì)出現(xiàn)剛剛上傳的圖片,可以任意縮放拖拽裁剪框,選擇你想要截取并轉(zhuǎn)換ico圖標(biāo)的區(qū)域。在拖拽縮放裁剪框的過程中,左上方會(huì)有ico圖標(biāo)效果的實(shí)時(shí)預(yù)覽。
三、選擇需要生成的ico圖標(biāo)的尺寸,主要提供寬高為16、32、48、64、128、256、512的尺寸以供選擇。通常的ico圖標(biāo)基本都是32、64或者128像素的。
四、選擇生成的ICO圖標(biāo)的類型,默認(rèn)為普通網(wǎng)站ICO圖標(biāo),也就是可以在web應(yīng)用中使用的ICO圖標(biāo);也可以選擇Windows系統(tǒng)桌面標(biāo)準(zhǔn)格式ICO圖標(biāo)類型,這種類型的ICO圖標(biāo)可以作為Windows桌面圖標(biāo)等。
五、選擇生成的ICO圖標(biāo)的編碼格式,默認(rèn)為不透明背景,適用于非鏤空?qǐng)D片生成ico,這種格式的ICO文件最??;透明背景的ICO圖標(biāo),指的是將原本存在透明背景的圖片生成背景透明的ICO圖標(biāo),文件較大。
六、選擇轉(zhuǎn)換生成的ico圖標(biāo)的文件格式,默認(rèn)的格式是.ico,并且有.jpg和.png格式可以選擇。需要注意的是,ico圖標(biāo)一般都是背景鏤空透明的圖形,只有.ico和.png格式支持透明背景的圖片,而.jpg格式的圖片本身是不支持的。
打開博客,把鼠標(biāo)指向左上角的“——裝扮博客——設(shè)置首頁(yè)內(nèi)容——添加自定義模塊
詳細(xì)介紹:如何使用HTML自定義代碼
參考資料:FL版---網(wǎng)易博客秘籍
添加多首背景音樂:
設(shè)置透明背景圖:
在空間頂部加入圖片:
宣傳百度空間的6種方法:
空間的名稱如何用藝術(shù)字?:
讓自己的空間下雨:
如何在"其它"下面加上圖片:
為評(píng)論和鏈接加上圖片:
如何讓你的瀏覽器滾動(dòng)條變色:
讓空間自動(dòng)彈出對(duì)話框:
自制閃字空間名稱:
去掉文章題目下劃線:
給鏈接添加背景色效果代碼:
如何插入多處背景圖片:
空間常用特殊符號(hào)介紹:
如何改變空間名稱的效果:
在BLOG里加時(shí)鐘和掛件:
邊框的設(shè)置:
屏蔽你認(rèn)為多余的欄目的方法:
給空間首頁(yè)添加翻頁(yè)按鈕:
空間的CSS運(yùn)用的三種方式:
字體修改之光暈字體:
如何修改百度空間的鼠標(biāo)樣式:
更換空間主體背景及文章背景:
把QQ空間里的鼠標(biāo)弄到百度:
隱藏播放器而不影響音樂播放:
在你的空間顯示IP地址的代碼:
如何自定義空間背景圖片:
專欄分割線的代碼修改方法:
為友情鏈接增加一個(gè)滾動(dòng)條:
教你如何制作個(gè)性化的標(biāo)題欄:
空間模塊移動(dòng)+文字快速鏈接:
讓你的空間半透明: