2011-08-26 59 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?