http://chiron.nicetypo.com/nt/chironchou.nsf/contentBypermaLink/4B43EC3C1333A48748256EEB005807D6

<img src="你的照片路徑" />
<!-- for IE display Only -->
<img src="spacer.gif" align="right"
style="display:none !important;display:inline;
margin-top:-50px;margin-right:-46px;
width: 259px; height: 76px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://chiron.nicetypo.com/fotobychiron.png', sizingMethod='crop');" />
<!-- for MZ display Only -->
<img align="right" src="http://chiron.nicetypo.com/fotobychiron.png" style="display:inline !important;display:none;
margin-top:-50px;margin-right:-46px;" />
在上述的語法中，
第一行藍色的 <img src="...." /> 是顯示你的照片
由於我們要『疊上』一層浮水印
所以把要作為浮水印的 PNG 圖片寫在照片的下面

PNG 的語法看起來有點複雜，
那是因為我們除了要擺平 IE ，讓IE支援以外，
還要讓其他(MZ)支援的瀏覽器也能正常顯示
所以我們又用了一個小小的騙術
把 PNG 浮水印圖檔寫成兩段，
一段給 IE 看，一段給其他的瀏覽器(MZ)看
其原理我們日後再談(如果有人有興趣的話 :D)
現在我們只要複製上面的語法，
貼到網頁上
然後修改PNG的路徑(要寫完整的絕對路徑)、
PNG 圖檔的實際尺寸(一定要寫，不然 PNG 不會顯示)、
以及設定 PNG 圖檔重疊在照片上的顯示位置(margin-top、margin-right)

寫好之後，就會出現像下面這樣的浮水印效果：