如何兼容Ie8添加水印图片

页面高度不固定，如何给页面动态添加水印，并且水印是一个图片，乃是客户的logo，目前IE8以上，火狐、谷歌均可，但是就是IE8不行，求各位大佬不吝指教。
添加代码如下：//参数依次为背景图片、url、文字
function waterWord(waterImg,indRptWaterLogoUrl8,waterText) { 
var screenHeight = window.screen.height ;
var waterImg = waterImg ; 
var waterText = waterText; 
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="' + waterImg + '" /></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="' + waterImg + '" /></div>'); 
}
  }
}