今天在無名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 時。


加入書籤: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl 加入此網頁到:YouPush 加入此網頁到:你推我報

amarylliss 發表在 PIXNET 痞客邦 迴響(39) 引用(0) 人氣(1936)

推薦上專欄 E-mail轉寄 轉寄至留言板
歷史上的今天
▲top

open trackbacks list 引用列表 (0)

迴響列表 (39)

發表留言
  • #1 natascha 於 2004/06/29 01:22

  • 耶~艾瑪好厲害喔^+++^

    我還是第1次看到透明的banner哩!

    (還有啊,comment的名字,mail,連結 顏色變好淺喔~^^ )

  • #2 Chloe 於 2004/06/29 01:39

  • yo ho~~~~~~

    又學到一課了..^_^y



    艾瑪真的是很知道大家需要什麼耶，

    常常分享給我們好用的技巧..

    真好...^^



    事不宜遲，我要趕快來試一下囉~~

  • #3 Susanna 於 2004/06/29 01:54

  • 哇∼強者艾瑪



    報告！

    我要搬回家研究囉∼

    感溫耶∼



    PS：今天又溜出去玩，DVD收到啦∼YA

  • #4 宇媽 於 2004/06/29 11:35

  • 艾瑪~我有個笨問題~

    我加入你的圖示了,但怪怪的是有圖框咧~

    那border已經設"0"了ㄚ~

    歹勢~教教我~

  • #5 艾瑪 於 2004/06/29 14:14

  • 宇媽：

    設的是0還是o?

    如果設到英文字母O那是不對喔呦∼

    要數字零0才可以喔。^^



    Sussana, 看完之後跟我說說你的想法吧！^^

  • #6 愛米 於 2004/06/29 14:16

  • 唉喔，宇媽都將答案說出來嚕。

    艾瑪，我想知道那個小女生的圖如何放上去？你會分享這個嗎？

  • #7 宇媽 於 2004/06/29 14:19

  • 怪怪~是"0"ㄚ~...

  • #8 艾瑪 於 2004/06/29 14:25

  • .side img { border: 數字px }

    問題在這裡！ 你把border: 0px 或者 1px就可以了

  • #9 艾瑪 於 2004/06/29 14:28

  • 愛米，那個裙子會動的小女孩，和昨天放在每篇文章底部的「淡紫色的浮

    水印amarylliss」方式是一樣的。我今天會把他公佈出來喔！

  • #10 Susanna 於 2004/06/29 15:23

  • 期待浮水印中....



    看來大家都在改版....



    好多新東西想用上去！

    好∼等我把手邊的照片整理完∼

  • #11 宇媽 於 2004/06/29 17:32

  • 謝謝艾瑪~ ^^

  • #12 Kai 於 2004/06/29 18:40

  • 好像只有 IE 才會正常顯示! 在 Mozilla 下就完全沒反應耶~

  • #13 metress 於 2004/06/29 22:08

  • Dear 艾瑪:

    原來這個透明的語法可以用在好多地方哩！

    連時鐘都可以變透明^_^

    玩過頭了，整個blog充滿透明的鬼影-___-

  • #14 快樂雪兒 於 2004/09/10 10:15

  • 艾瑪

    我想把妳在我家的banner變成透明的，但是搞了半天妳的透明banner

    不但沒有出現，後來改回來時還多了個紫色的邊框，這是怎麼一回事呀?

    @@~



    語法有錯嗎?



    < img border="1" src="

    http://club.ntu.edu.tw/~zither/ob/idv/ban/be10.GIF "

    style="Filter:Alpha(Opacity=50, style=4)">

  • #15 amarylliss 於 2004/09/10 12:13

  • 先把 border="1" 改成 border="0"



    <和img之間不能有空格

    將網址引起來的""與網址之間也不能有空格



    也就是必須變成





    那你試看看囉！ ^^
  • #16 快樂雪兒 於 2004/09/10 13:12

  • OH YA! 可以了~謝謝艾瑪

    (^.^)
  • #17 Rene 於 2004/09/28 12:13

  • 我倒是想問另一個：P



    請問艾瑪「引言」的文字怎麼弄呢？（怎麼把文字弄在框框裡，看起來像

    是引述呢？）
  • #18 amarylliss 於 2004/09/28 13:17

  • 我用FRONTPAGE寫好貼上來的

    就是將文字直接加框

    很簡單的。^^
  • #19 camay 於 2004/10/21 22:39

  • 您好，初次拜訪，我想把我文章的那一大塊底色變得有點半透明狀有辦法

    嗎？因為我有看到別人這樣弄，但我找半天找不到相關資料耶！不好意思

    哦！如果您知道的話可否告訴我，還有該怎麼個貼法貼在哪個地方，先謝

    謝您囉！^______^
  • #20 yifahsin 於 2005/01/27 22:58







  • 請問上述圖片網址怎麼看呢???
  • #21 amarylliss 於 2005/01/27 23:10

  • yifahsin,



    你真是考倒我了@@

    我怎麼知道你想要透明哪張圖呢？
  • #22 luckystrike 於 2005/03/25 04:22

  • 艾瑪 你這邊東西好多唷 以後我會多多來學習低



    我已經把你加入我的BLOG囉 以後就請多多指教啦^^



    學的第一招就是加入你聯結圖片得BLOG 有機會再來多學幾招!
  • #23 fuanlin 於 2005/05/08 13:14

  • 請問這也適用在照片上嗎~不好意思~問笨問題

    語法該貼css哪呢...無名的bbs找破頭了>"<
  • #24 amarylliss 於 2005/05/08 15:48

  • 這是HTML語法

    貼在文章中

    如果要OVERALL的透明語法

    請參考CSS的寫法

    稍微有點不同
  • #25 megumi 於 2005/07/04 17:16

  • 妳好! 艾瑪!

    今天來此上了一課! 好玩~~

    謝謝你的分享, 還請多多指教!!
  • #26 flyfly34 於 2005/07/11 01:40

  • 艾瑪



    請問一下喔！ 這個語法可以放在Banner 圖案上嗎？

    還是只能放在文章中呢？

    我找不到地方可以在banner插入這html 語法

    謝謝

  • #27 RubyCT 於 2005/07/14 13:35

  • 艾瑪~

    以後我會多來這邊學習,可否把妳加入連結?謝謝妳

    的分享!^^
  • #28 風痕影 於 2005/07/14 14:53

  • 給樓上的Kai：



    filter是IE自創的語法

    所以只在IE上有效囉



    Mozilla自創的則是

    -moz-opacity:數值;

    數值範圍是0到1

    相當於艾瑪給的語法裡的0-100



    然後，CSS 3裡也有半透明語法

    寫成opacity:數值;

    Mozilla0.8開始已經支援了喔^^
  • #29 yugosa 於 2005/08/04 20:44

  • 艾瑪...

    想請你幫我解決我網誌的圖片太大的問題~~因為我的圖片好像寛

    度太大了~~導致我旁邊的資訊部份被蓋住了~~要怎麼把它們調

    整成適當的寛度呢~~感恩~`
  • #30 amarylliss 於 2005/08/04 21:19



  • 請多加上 width="數值"

    我喜歡用 400這個數字

    你調整看看
  • #31 lovedoggys 於 2005/08/22 15:34

  • 請問...可以把文字放在圖片上面ㄇ

    覺得這樣似乎比較好看....

    如果可以ㄉ話怎ㄇ用ㄋ？
  • #32 anica114 於 2005/08/26 13:59

  • 艾瑪

    你真是個慷慨的人

    用了你的透明語法

    真的好玩耶

    那麼請問一下

    STYLE的種類就是1到4嗎

    透明度最高就是100嗎

    如果要讓一張照片四周圍邊框濛濛的

    但是照片中間完全沒有透明的話是怎麼用呢

    如果可以的話請幫我解答一下

    真是麻煩你囉

  • #33 xxxxx1009 於 2005/09/16 18:52

  • 艾瑪~~

    你真的好利害唷~

    在你這裡我學了很多~~

    謝謝你
  • #34 unreal0417 於 2005/10/09 00:29

  • 呵呵

    今天又多學了一課唷

    還真好玩耶~~



    可惜的是

    我ㄉ背景是黑色的...

    用起來怪怪的>"<

    不過我還是勉強的給他放了上去~"~

    想說不錯玩

    就捨不得用掉ㄌ~~!!

    呵呵
  • #35 cat1119 於 2005/11/11 04:51

  • 請問，這個語法可以套用到相簿每本的封面照片上嗎？



    如果可以，該怎麼做呢？又該貼在哪？



    我研究了好久還是搞不懂耶！



    還有blog的文章背景可以用成半透明的嗎？



    我有看到別人用，但不知道怎麼用．．．



    方便的話可以指點一下嗎？？！＠＠ａ
  • #36 Aini 於 2005/11/11 17:07

  • 艾瑪好棒啊～

    又學到好多東西的
  • #37 sandycuttie 於 2005/12/21 12:43

  • 今天試了這個透明圖的方法，

    真是太感謝了，

    好好玩喔，

    或許對艾瑪來說，這是簡單的事，

    但對我們而言，卻是很棒的教學，謝謝分享喔
  • #38 emptylane 於 2006/04/24 09:53

  • Dear 艾瑪

    初次進來

    卻已發現了好多好多好棒的東西

    謝謝妳的分享

    真的，非常的謝謝



    痾..我這想問個笨問題

    這個語法只限定用在banner上嗎?
  • #39 rosemarybaby 於 2006/07/19 10:24

  • Hi艾瑪

    看了你提供的語法真的受益良多耶~

    想請教艾瑪我想將相簿框框變透明，這個語法該貼在哪裡呢？

    可否請艾瑪教教我…？謝謝!

本篇迴響權限: 開放所有人迴響

留下迴響

*姓名/暱稱
電子郵件
個人網頁
留言標題
*留言內容
* 悄悄話