利用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>