0

用例：单击链接会打开一个包含一些内容的叠加层。页面上有很多这样的链接，每个链接都有相应的内容加载到叠加层中。用户应该只能打印特定的内容。

方法：单击链接时，我为正文设置了一个名为“打印机”的类。在 print.css 中，我隐藏了所有页面内容，除了我在覆盖层中看到的内容。在关闭覆盖层时，我正在从正文中删除该类。

问题：在 FF 和 IE 上似乎一切正常。在 Chrome 上，打印对话框挂起，而在 Safari 上，我看到一个空白页。

任何帮助将不胜感激，以了解我可能做错了什么或是否存在任何其他方法。

4

2 回答 2

0

使用打印 CSS

<link rel="stylesheet" type="text/css" media="print" href="print.css" />
于 2013-02-20T01:47:47.673 回答
0

您可以使用媒体类型来应用仅用于打印的样式表。

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

或在您当前的样式表中使用 @import

@media print {
  /* style sheet for print goes here */
}

有关这方面的更多信息，请查看 w3.org http://www.w3.org/TR/CSS2/media.html

对于技术较少但可靠性较低的来源，http://www.w3schools.com/css/css_mediatypes.asp

于 2013-02-20T01:46:14.230 回答