2011-08-26 58 views
0

我有一个html页面(让我们调用父类)带有一个链接,在fancybox中打开另一个html页面(称这个孩子)。 里面的子html,我有这样的锚javascript:window.print()不能与fancybox一起工作

<a href="javascript:window.print();" style="color:#663300;">Imprimir</a><br /> 

的问题是,这种打印的家长和孩子页面。这是典型的fancybox行为?如何仅打印儿童

+0

ü要打印格为#的fancybox内容 退房此线程的http: //stackoverflow.com/questions/468881/print-div-id-printarea-div-only –

回答

2

我从其他线程...代码编辑这应该工作

<style type="text/css"> 
    @media print 
    { 
     body * { visibility: hidden; } 
     #fancybox-content * { visibility: visible; } 
     #fancybox-content { position: absolute; top: 1px; left: 1px; } 
    } 
</style> 
+0

感谢你们所有人。 –

+0

谢谢,我用这个CSS: * {margin:0;填充:0; } \t body * {visibility:hidden; } \t#fancybox-content * {visibility:visible; visible; } \t#fancybox-content {position:absolute; top:0;左:0; } \t body,html,div,#fancybox-content {background:#FFF!important; } – Ruben

0

是的。您要调用的js命令是window.print()。你需要做的只是打印fancybox的容器。快速谷歌搜索提出了一堆关于如何做到这一点的链接。这里有一个:

Print <div id=printarea></div> only?