用例:点击链接可打开包含其中一些内容的叠加层。页面上有许多这样的链接,每个链接都有相应的内容加载到叠加层内。用户应该只能打印特定内容。
方法:点击链接后,我正在为正文设置一个名为“printer”的类。在print.css里面,我隐藏了所有页面内容,除了我在叠加层中看到的内容。关闭叠加层时,我将从正文中删除该类。
问题:在FF和IE上似乎一切正常。在Chrome上,打印对话框会挂起,而在Safari上,我会看到一个空白页。
如果存在任何其他方法,我们将非常感谢您理解我可能做错了什么。
答案 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" />