今天在無名BBS中，回答了一個關於圖片透明的問題，順便把他貼回家來。
原來的圖片是這個樣子。
< img border="0" src=”圖片網址” style=”Filter:Alpha(Opacity=數值, style=數值)”>
這個 Filter:Alpha 是圖片透明的語法：Opacity 就是 透明度，Style 則是透明的 方式，舉例說明如下。若設定為 Opacity=90
style=1 是圖片右邊透明。 style=2 是圖片上下透明如左圖。 style=3 也是上下透明但是效果不同。 style=4 整體透明，這個是透明度=20 時。 style=4 整體透明，這個是透明度=50 時。 style=4 整體透明，這個是透明度=80 時。
延伸閱讀
- [語法分享] 彈跳式視窗
- [教學] AdSense表格語法@無名小站banner&邊欄
- 台灣艾瑪的Plurk帳號&無名Plurk外掛搞怪篇(用buboo和圖片做出Plurk同步)
- 利用Plurk Backup將日記貼回部落格的方法
- 難道學校的電腦老師沒教過你嗎？密件副本的使用方式
- 台灣艾瑪的Plurk帳號&無名Plurk外掛搞怪篇(用buboo和圖片做出Plurk同步)
- 肥皂盒 Soapbox：瘋狂推薦好用的影音相本
- funP數字推鈕＠無名小站- 在無名小站玩funP
| 【關於作者】艾瑪 | amarylliss 台灣第一位全職旅遊部落客受邀出國旅遊超過百次(受邀列表)，1996年起於台大椰林BBS自助旅行版(Tour Abroad)發表旅遊心得並擔任版主，2000年起於明日報/ANYWAY旅遊網分享旅遊心得，2003年起任艾瑪隨處走走部落格格主至今，從無名小站至痞客邦，目前回歸個人部落格持續經營；更詳細網路書寫歷史請參考關於我。聯繫、合作或邀約請聯繫：[email protected] |
TG按讚：0
耶~艾瑪好厲害喔^+++^
我還是第1次看到透明的banner哩!
(還有啊,comment的名字,mail,連結 顏色變好淺喔~^^ )
yo ho~~~~~~
又學到一課了..^_^y
艾瑪真的是很知道大家需要什麼耶，
常常分享給我們好用的技巧..
真好…^^
事不宜遲，我要趕快來試一下囉~~
哇∼強者艾瑪
報告！
我要搬回家研究囉∼
感溫耶∼
PS：今天又溜出去玩，DVD收到啦∼YA
艾瑪~我有個笨問題~
我加入你的圖示了,但怪怪的是有圖框咧~
那border已經設"0"了ㄚ~
歹勢~教教我~
宇媽：
設的是0還是o?
如果設到英文字母O那是不對喔呦∼
要數字零0才可以喔。^^
Sussana, 看完之後跟我說說你的想法吧！^^
唉喔，宇媽都將答案說出來嚕。
艾瑪，我想知道那個小女生的圖如何放上去？你會分享這個嗎？
怪怪~是"0"ㄚ~…
.side img { border: 數字px }
問題在這裡！ 你把border: 0px 或者 1px就可以了
愛米，那個裙子會動的小女孩，和昨天放在每篇文章底部的「淡紫色的浮
水印amarylliss」方式是一樣的。我今天會把他公佈出來喔！
期待浮水印中….
看來大家都在改版….
好多新東西想用上去！
好∼等我把手邊的照片整理完∼
謝謝艾瑪~ ^^
好像只有 IE 才會正常顯示! 在 Mozilla 下就完全沒反應耶~
Dear 艾瑪:
原來這個透明的語法可以用在好多地方哩！
連時鐘都可以變透明^_^
玩過頭了，整個blog充滿透明的鬼影-___-
艾瑪
我想把妳在我家的banner變成透明的，但是搞了半天妳的透明banner
不但沒有出現，後來改回來時還多了個紫色的邊框，這是怎麼一回事呀?
@@~
語法有錯嗎?
< img border="1" src="
http://club.ntu.edu.tw/~zither/ob/idv/ban/be10.GIF "
style="Filter:Alpha(Opacity=50, style=4)">
先把 border="1" 改成 border="0"
<和img之間不能有空格
將網址引起來的""與網址之間也不能有空格
也就是必須變成
<img border="0" src="圖片網址" style="Filter:Alpha(Opacity=
數值, style=數值)">
那你試看看囉！ ^^
OH YA! 可以了~謝謝艾瑪
(^.^)
我倒是想問另一個：P
請問艾瑪「引言」的文字怎麼弄呢？（怎麼把文字弄在框框裡，看起來像
是引述呢？）
我用FRONTPAGE寫好貼上來的
就是將文字直接加框
很簡單的。^^
您好，初次拜訪，我想把我文章的那一大塊底色變得有點半透明狀有辦法
嗎？因為我有看到別人這樣弄，但我找半天找不到相關資料耶！不好意思
哦！如果您知道的話可否告訴我，還有該怎麼個貼法貼在哪個地方，先謝
謝您囉！^______^
<img border="0" src="圖片網址" style="Filter:Alpha(Opacity=
數值, style=數值)">
請問上述圖片網址怎麼看呢???
yifahsin,
你真是考倒我了@@
我怎麼知道你想要透明哪張圖呢？
艾瑪 你這邊東西好多唷 以後我會多多來學習低
我已經把你加入我的BLOG囉 以後就請多多指教啦^^
學的第一招就是加入你聯結圖片得BLOG 有機會再來多學幾招!
請問這也適用在照片上嗎~不好意思~問笨問題
語法該貼css哪呢…無名的bbs找破頭了>"<
這是HTML語法
貼在文章中
如果要OVERALL的透明語法
請參考CSS的寫法
稍微有點不同
妳好! 艾瑪!
今天來此上了一課! 好玩~~
謝謝你的分享, 還請多多指教!!
艾瑪
請問一下喔！ 這個語法可以放在Banner 圖案上嗎？
還是只能放在文章中呢？
我找不到地方可以在banner插入這html 語法
謝謝
艾瑪~
以後我會多來這邊學習,可否把妳加入連結?謝謝妳
的分享!^^
給樓上的Kai：
filter是IE自創的語法
所以只在IE上有效囉
Mozilla自創的則是
-moz-opacity:數值;
數值範圍是0到1
相當於艾瑪給的語法裡的0-100
然後，CSS 3裡也有半透明語法
寫成opacity:數值;
Mozilla0.8開始已經支援了喔^^
艾瑪…
想請你幫我解決我網誌的圖片太大的問題~~因為我的圖片好像寛
度太大了~~導致我旁邊的資訊部份被蓋住了~~要怎麼把它們調
整成適當的寛度呢~~感恩~`
<img src="圖片網址" width="數值">
請多加上 width="數值"
我喜歡用 400這個數字
你調整看看
請問…可以把文字放在圖片上面ㄇ
覺得這樣似乎比較好看….
如果可以ㄉ話怎ㄇ用ㄋ？
艾瑪
你真是個慷慨的人
用了你的透明語法
真的好玩耶
那麼請問一下
STYLE的種類就是1到4嗎
透明度最高就是100嗎
如果要讓一張照片四周圍邊框濛濛的
但是照片中間完全沒有透明的話是怎麼用呢
如果可以的話請幫我解答一下
真是麻煩你囉
艾瑪~~
你真的好利害唷~
在你這裡我學了很多~~
謝謝你
呵呵
今天又多學了一課唷
還真好玩耶~~
可惜的是
我ㄉ背景是黑色的…
用起來怪怪的>"<
不過我還是勉強的給他放了上去~"~
想說不錯玩
就捨不得用掉ㄌ~~!!
呵呵
請問，這個語法可以套用到相簿每本的封面照片上嗎？
如果可以，該怎麼做呢？又該貼在哪？
我研究了好久還是搞不懂耶！
還有blog的文章背景可以用成半透明的嗎？
我有看到別人用，但不知道怎麼用．．．
方便的話可以指點一下嗎？？！＠＠ａ
艾瑪好棒啊～
又學到好多東西的
今天試了這個透明圖的方法，
真是太感謝了，
好好玩喔，
或許對艾瑪來說，這是簡單的事，
但對我們而言，卻是很棒的教學，謝謝分享喔
Dear 艾瑪
初次進來
卻已發現了好多好多好棒的東西
謝謝妳的分享
真的，非常的謝謝
痾..我這想問個笨問題
這個語法只限定用在banner上嗎?
Hi艾瑪
看了你提供的語法真的受益良多耶~
想請教艾瑪我想將相簿框框變透明，這個語法該貼在哪裡呢？
可否請艾瑪教教我…？謝謝!
謝謝你幫我解決問題…感激!!