利用DIV層實現圖片水印效果

 很多情況下圖片在WEB顯示的時候要加水印,利用gui+網絡上也有很多類似的代碼,

但是在頁面不同並要求加的水印圖片不同的情況下,利用gui實現就只有把各種情況下加上的水印圖片都準備好,再分別調用不同的圖片路徑,這樣就未免會耗費資源,爲了更好實現可能出現多個水印狀況的圖片,好的方式就是利用DIV層來實現圖片的水印.

整段代碼竟用JS實現,水印位置爲右下角,水印圖片爲.png格式.

 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>




    
   <script type=text/javascript>
function fixpng()
{
  var arVersion = navigator.appVersion.split("MSIE")
  var version = parseFloat(arVersion[1])
  if ((version >= 5.5) && (document.body.filters))
  {
     for(var i=0; i"
           img.outerHTML = strNewHTML
           i = i-1
        }
     }
  }
}
</script>