[分享] 親愛的,我把圖片變透明啦!

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

40 thoughts on “[分享] 親愛的,我把圖片變透明啦!”

  1. 先把 border="1" 改成 border="0"
    <和img之間不能有空格
    將網址引起來的""與網址之間也不能有空格
    也就是必須變成
    <img border="0" src="圖片網址" style="Filter:Alpha(Opacity=
    數值, style=數值)">
    那你試看看囉! ^^

  2. 您好,初次拜訪,我想把我文章的那一大塊底色變得有點半透明狀有辦法
    嗎?因為我有看到別人這樣弄,但我找半天找不到相關資料耶!不好意思
    哦!如果您知道的話可否告訴我,還有該怎麼個貼法貼在哪個地方,先謝
    謝您囉!^______^

  3. 艾瑪
    請問一下喔! 這個語法可以放在Banner 圖案上嗎?
    還是只能放在文章中呢?
    我找不到地方可以在banner插入這html 語法
    謝謝

  4. 給樓上的Kai:
    filter是IE自創的語法
    所以只在IE上有效囉
    Mozilla自創的則是
    -moz-opacity:數值;
    數值範圍是0到1
    相當於艾瑪給的語法裡的0-100
    然後,CSS 3裡也有半透明語法
    寫成opacity:數值;
    Mozilla0.8開始已經支援了喔^^

  5. 艾瑪…
    想請你幫我解決我網誌的圖片太大的問題~~因為我的圖片好像寛
    度太大了~~導致我旁邊的資訊部份被蓋住了~~要怎麼把它們調
    整成適當的寛度呢~~感恩~`

  6. 艾瑪
    你真是個慷慨的人
    用了你的透明語法
    真的好玩耶
    那麼請問一下
    STYLE的種類就是1到4嗎
    透明度最高就是100嗎
    如果要讓一張照片四周圍邊框濛濛的
    但是照片中間完全沒有透明的話是怎麼用呢
    如果可以的話請幫我解答一下
    真是麻煩你囉

  7. 呵呵
    今天又多學了一課唷
    還真好玩耶~~
    可惜的是
    我ㄉ背景是黑色的…
    用起來怪怪的>"<
    不過我還是勉強的給他放了上去~"~
    想說不錯玩
    就捨不得用掉ㄌ~~!!
    呵呵

  8. 請問,這個語法可以套用到相簿每本的封面照片上嗎?
    如果可以,該怎麼做呢?又該貼在哪?
    我研究了好久還是搞不懂耶!
    還有blog的文章背景可以用成半透明的嗎?
    我有看到別人用,但不知道怎麼用...
    方便的話可以指點一下嗎??!@@a

  9. 今天試了這個透明圖的方法,
    真是太感謝了,
    好好玩喔,
    或許對艾瑪來說,這是簡單的事,
    但對我們而言,卻是很棒的教學,謝謝分享喔

  10. Dear 艾瑪
    初次進來
    卻已發現了好多好多好棒的東西
    謝謝妳的分享
    真的,非常的謝謝
    痾..我這想問個笨問題
    這個語法只限定用在banner上嗎?

  11. Hi艾瑪
    看了你提供的語法真的受益良多耶~
    想請教艾瑪我想將相簿框框變透明,這個語法該貼在哪裡呢?
    可否請艾瑪教教我…?謝謝!

發佈留言