Mozilla 打印预览

【问题标题】：Mozilla Print PreviewMozilla 打印预览
【发布时间】：2009-11-26 08:50:22
【问题描述】：

我创建了一个带有标题图像的网页 (style="background-repeat: repeat-x;")。我需要打印此页。然后打印预览单击，我看到 2 页。第一页顶部位置包括标题图像，然后 2 页包含相同的标题图像，但我只需要带有标题图像的第一页，2 页不需要标题图像。请帮帮我

【问题讨论】：

标签： html printing mozilla preview

【解决方案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>

【讨论】：