html打印页脚不显示地址,JavaScript – HTML页脚底部的HTML页面在IE中打印出来

我正在回答我自己的问题,以防其他人需要解决方案.

经过长时间的研究和密集的尝试(主要是试验和错误),我使用以下逻辑仅在最后一页的底部设置页脚：

>在css中：@media print {position：fixed;顶部：0;左：0; z-index -1; }广告IE显示在每个页面的底部,并被z-index发送到背景.

>然而,IE中的文本背景在打印输出中是透明的,因此文本位于页脚之上.所以,在绝对的左上角位置使用1px×1px的白色图像作为图像的背景.

>使用javaScript设置图像的高度和宽度与具有内容的div的高度相同.

HTML：

CSS：

@media screen {

#whiteBg {

display: none;

}

}

@media print {

#whiteBg {

display: block;

position: absolute;

top: 0;

left: 0;

z-index: -1; //to send it to the background

}

#wrapper {

padding-bottom: (the size of the footer,to make footer visible on last page).

}

#footer {

position: fixed;

bottom: 0;

}

}

jQuery的：

@('#whiteBg').height( $('#content')).height() );

在每个页面的底部都可以看到,我使用了:(第二种情况)

CSS：

@media print {

#footer {

position: fixed;

bottom: 0;

}

body {

margin: x x y x; (y should reflect the height of the footer);

}