Question

我创建了一个带有标题图片的网页（style =“background-repeat：repeat-x;”）。我需要打印此页面。然后打印预览点击，我看到2页。第一页顶部位置包括标题图像，然后2页是包含相同的标题图像，但我只需要第一页头文件图像，2页面不需要标题图像。请帮帮我

Answer 1

不幸的是，这就是Firefox的功能，每个新的打印页面就像一个单独的网页。

我建议您使用“打印”特定的CSS，删除正文背景并使块标题仅在打印时可见。

以下是一个例子：

<html>
<head>
<style type="text/css">
body {
    background: url(topbg.jpg) repeat-x;
}
div#printheader { /* Do not display for other non-print media */
    display: none;
}


@media print { /*CSS for print*/
    body {
        background: none;
    }
    div#printheader { 
        display: block;
    }
}
</style>
<body>
<div id="printheader"><img src="topbg.jpg" /></div>
.
.
.
.
.
</body>
</html>

Mozilla打印预览

1 个答案: