Mozilla 打印预览

发布于 2024-08-12 17:22:14 字数 144 浏览 8 评论 0原文

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

十六岁半 2024-08-19 17:22:14

不幸的是，这就是 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>

Unfortunately, that's how Firefox function, each new print page is like an individual web page.

I would recommend you use a "print" specific CSS by removing the body background and having a block header visible only in print.

Here's an example:

<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>

回复收藏 0 原文

~没有更多了~