html - 每个打印页面上的HTML设置页脚图像

我可以在每个打印页面上设置文本，但是如果我必须将图像设置为文本，我必须进行哪些必要的更改？这是我到目前为止使用的代码：

<div class="divFooter">UNCLASSIFIED</div>

CSS：

<style type="text/css">
    @media screen {
        div.divFooter {
            display: none;
        }
    }
    @media print {
        div.divFooter {
            position: fixed;
            bottom: 0;
        }
    }
</style>

先感谢您。

最佳答案

尝试这样的事情：

@media print {
    div.divFooter {
        position: fixed;
        background: url(http://path/to/image.png);
        height: 100px; /* put the image height here */
        width: 100px; /* put the image width here */
        bottom: 0;
    }
}

当然，您也可以执行以下操作，而无需使用任何额外的CSS：

<div class="divFooter"><img src="..." /></div>

有很多选择，这实际上取决于您要完成什么。