如何在打印页面上打印标题徽标

Question

我想在打印页面上打印标题徽标，这在显示的屏幕上不存在。 请建议，我该怎么做？

谢谢！

Answer 1

假设我们正在讨论HTML / CSS，您可以为某些媒体类型设置自定义CSS，例如：

<link rel="stylesheet" type="text/css" href="sample.css" media="print" />   

或者，内联：

@media print
  {
  p.test {font-family:times,serif;font-size:10px;}
  }
@media screen
  {
  p.test {font-family:verdana,sans-serif;font-size:14px;}
  }

这应该可以让你完成你需要的东西。

Answer 2

您可以使用打印样式表。

在普通样式表中，您可以将徽标设置为display: none;，然后在打印样式表中将其设置为display: block;。

这会将其隐藏在屏幕上并在打印时显示。

注意：如果您在主网站设计中使用了<div>背景设置为您的徽标，则无法使用。浏览器不打印背景（以节省墨水），因此它不可见。您需要添加适当的<img>标记并应用上述方法。

请查看此内容，以获得对打印样式表的详尽介绍：

• http://www.alistapart.com/articles/goingtoprint/