网页打印

Question

我的网页上有以下HTML：

<div id=header>
   <a href="/" id="logo" name="logo"><span class="hide">FooBar</span></a>
      <div id="topnavmenu">
         <ul id="nav-utility">
            <li><a href="/careers">Careers</a></li>
            <li><a href="/blog">Blog</a></li>
            <li><a href="/test4/">Test4</a></li>
            <li><a href="/program">Program</a></li>
            <li><a href="/contact">Contact Us</a></li>
         </ul>
      </div>
</div>

当我打印这一页时，我得到：

(/)   Careers (/careers)   Blog(/blog)   Test4(/test4) ....

问题：

1. 未显示徽标图像。屏幕上工作正常
2. 为什么我要在父母身上印上href？我该怎么压制这一切？

这是使用引导，但我不确定引导是否是罪魁祸首。

谢谢,

P

Answer 1

如何在印刷版中抑制来自父母的href。

这些参考资料是自举带的特征。如果您查看引导CSS，您会发现以下内容：

a[href]:after{
    content:" (" attr(href) ")"
}

abbr[title]:after{
    content:" (" attr(title) ")"
}

这就是问题所在。您可以删除它，如果您可以访问Bootstrap。否则，只需将其抑制为您自己的CSS：

a[href]:after{
    content:"";
}

abbr[title]:after{
    content:"";
}

您甚至可以将!important添加到每一行。

a[href]:after{
    content:"" !important;
}

abbr[title]:after{
    content:"" !important;
}

Answer 2

1. 背景图像通常不打印。
2. 你不能用密码。您必须在“打印选项”对话框中对此进行调整。

Answer 3

除了上面的建议之外，请记住，如果打印结果对您很重要，那么这就是打印样式表的目的。

在文档的开头包含对样式表的引用：

<link rel="stylesheet" href="URL to your print.css" type="text/css" media="print" />  

那就按你的意愿来做吧。

例如，如果要在打印页面时隐藏菜单，请包括如下内容：

#topnavmenu{
display:none;
}

这里有一个很好的链接，可以让您开始设计打印样式表的样式：

http://alistapart.com/article/goingtoprint

希望这能有所帮助！