用于打印的动态CSS类

时间:2013-02-20 01:35:58

标签: css printing

用例:点击链接可打开包含其中一些内容的叠加层。页面上有许多这样的链接,每个链接都有相应的内容加载到叠加层内。用户应该只能打印特定内容。

方法:点击链接后,我正在为正文设置一个名为“printer”的类。在print.css里面,我隐藏了所有页面内容,除了我在叠加层中看到的内容。关闭叠加层时,我将从正文中删除该类。

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

如果存在任何其他方法,我们将非常感谢您理解我可能做错了什么。

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

使用Print CSS

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