如何兼容Ie8添加水印图片

没事眯一会 2019-08-21 11:24:15

页面高度不固定，如何给页面动态添加水印，并且水印是一个图片，乃是客户的logo，目前IE8以上，火狐、谷歌均可，但是就是IE8不行，求各位大佬不吝指教

。
添加代码如下：



//参数依次为背景图片、url、文字

function watermarkWord(watermarkImg,indRptWaterLogoUrl8,watermarkText) { 

	var screenHeight = window.screen.height ;

	var watermarkImg = watermarkImg ; 

	var watermarkText = watermarkText; 

	if (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.match(/9./i) == "9.") {

	 var step = 180 / 480 * screenHeight; 

	 for (var i = 0; i <= parseInt($("body").height() / step); i+=3) {

	  $('body').append('<div style="z-index:-999;width:100%;text-align:center;opacity:'+logoOpa+';color:'+logoColor+';position:absolute;top:' + step * (i) + 'px;font-size:'+logoSize+'em;transform:rotate('+logoDeg+'deg); -ms-transform:rotate('+logoDeg+'deg); -o-tranform:rotate('+logoDeg+'deg); -webkit-transform:rotate('+logoDeg+'deg); -moz-transform:rotate('+logoDeg+'deg);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10));"> <br /><img style="width:'+logoUrlSize+'em;" src="' + watermarkImg + '" /></div>'); 

	 }

	}else if (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.match(/8./i) == "8."){

		var step = 180 / 480 * screenHeight; 

		for (var i = 0; i <= parseInt($("body").height() / step); i+=3) {

		 $('body').append('<div style="z-index:-999;width:100%;text-align:center;opacity:'+logoOpa+';color:'+logoColor+';position:absolute;top:' + step * (i) + 'px;font-size:'+logoSize+'em;transform:rotate('+logoDeg+'-30deg); -ms-transform:rotate('+logoDeg+'deg); -o-tranform:rotate('+logoDeg+'deg); -webkit-transform:rotate('+logoDeg+'deg); -moz-transform:rotate('+logoDeg+'deg);"> <br /><img style="width:'+logoUrlSize+'em;" src="' + indRptWaterLogoUrl8 + '" /> </div>');

		}

	} else {

	var step = 180 / 480 * screenHeight; 

	for (var i = 0; i <= parseInt($("body").height() / step); i+=3) {

	 $('body').append('<div style="z-index:-999;width:100%;text-align:center;opacity:'+logoOpa+';color:'+logoColor+';position:absolute;top:' + step * (i) + 'px;font-size:'+logoSize+'em;transform:rotate('+logoDeg+'-30deg); -ms-transform:rotate('+logoDeg+'deg); -o-tranform:rotate('+logoDeg+'deg); -webkit-transform:rotate('+logoDeg+'deg); -moz-transform:rotate('+logoDeg+'deg);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10) progid:DXImageTransform.Microsoft.Matrix(sizingMethod=\'auto expand\', M11=0.866025404, M12=0.5, M21=-0.5, M22=0.866025404);"> <br /><img style="width:'+logoUrlSize+'em;" src="' + watermarkImg + '" /></div>'); 

	}

  }

}