javascript:window.print()不使用fancybox

javascript:window.print()不使用fancybox,javascript,printing,fancybox,Javascript,Printing,Fancybox,我有一个html页面(我们称之为父页面),其中有一个链接,可以在fancybox中打开另一个html页面(称之为子页面)。 在子html中,我有一个锚 <a href="javascript:window.print();" style="color:#663300;">Imprimir</a><br /> 问题是,这会打印父项和子项页面。这是典型的fancybox行为吗?如何仅打印孩子?是。您正在调用的js命令是window.print()。您需要做的

我有一个html页面(我们称之为父页面),其中有一个链接,可以在fancybox中打开另一个html页面(称之为子页面)。 在子html中,我有一个锚

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


问题是,这会打印父项和子项页面。这是典型的fancybox行为吗?如何仅打印孩子?

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


我从其他线程上的代码编辑。。。这应该行得通

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

@媒体印刷品
{
正文*{可见性:隐藏;}
#fancybox内容*{可见性:可见;}
#fancybox内容{位置:绝对;顶部:1px;左侧:1px;}
}

你想打印的分区是#fancybox内容查看此线程谢谢,我使用了此css:{margin:0;padding:0;}body*{visibility:hidden;}#fancybox内容{visibility:visible;}#fancybox内容{position absolute;top:0;left:0;}body,html,div,#fancybox content*{background background background:}重要;}