替照片加上偽浮水印簽名

相信很多人都會在部落格文章中貼著與文章相關的照片,除此之外,照片裡的某個角落還會加上自己專屬的浮水印簽名,你說是不是呀?當然,無法顯示網頁也不例外,以前只要文章中有需要黏貼照片,姑且不論照片裡浮水印簽名的目地是為了防止盜連也好、增加爽度也罷,反正該張照片一定會被無法顯示網頁用影像處理軟體硬是把浮水印簽名給黏上去。

黏了一些時間以後,問題浮現了!當某些情況之下無法顯示網頁需要將照片挪用到其他地方使用的時候,天呀!這該死的浮水印簽名怎麼會變得那麼多餘?於是,無法顯示網頁終於領悟出最好的辦法,這個最好的辦法就是從此不再用強暴法硬是把浮水印簽名與照片配成對。

但說是說從此不再用強暴法硬是把浮水印簽名與照片配成對!私底下無法顯示網頁還是偷偷試過使用 CSS 語法來製作偽浮水印簽名,可惜,這個方法在某些瀏覽器上卻是完全看不到效果。

說了這麼多,重點是什麼呢?重點就是無法顯示網頁今天終於找到一個「替照片加上偽浮水印簽名」的好方法,這個方法幾乎所有瀏覽器都可以支援唷!你說酷不酷?棒不棒呀?或許有人會問:「什麼是偽浮水印簽名?」嗯 … 偽浮水印簽名顧名思義就是假的浮水印簽名,簡單說就是透過語法在照片上貼附一張底色是透明的浮水印簽名,這樣懂嗎?不懂就往下看囉!

這是一張尚未貼附「偽浮水印簽名」的照片,主角是 Eva 的手機。


這是一張底色為透明的浮水印簽名,附檔名是 .gif 格式。

透過簡單的語法將兩張圖片重疊起來就完成了。如何?看起來是不是很不錯呢?如果你也想試試看這個偽浮水印簽名,很簡單,將下面那段語法複製回去,然後把「照片」這個地方換成照片的網址、把「浮水印」這個地方換成浮水印簽名的網址,如此就大功告成囉!

<img src="浮水印" style="background: url(照片) "no-repeat">

去玩玩看吧!



11 則留言 On 替照片加上偽浮水印簽名

發表迴響

Site Footer