打印 Fancybox 的内容（插件 1.3.4.）

Question

我使用 FancyBox cash flow forecast 构建了一个计算器（点击查看预测）。现在我已经成功了，我遇到了一个问题，如何打印 Fancybox 的内容。理想情况下，我希望用户在他们的浏览器中点击打印并打印 Fancybox 的内容。但我就是找不到或想出一个解决方案。

另外，让用户在通过图标查看 Fancybox 的内容时选择打印会很棒。

我尝试设置这两个选项，但都失败了。有任何想法吗？谢谢

我尝试过纯 CSS。最好的尝试是这样的：

    @media print {
body * {
display: none!important;
background: none!important;
}
body {
background: none!important;
}
#fancybox-wrap, #fancybox-wrap * {
display: block!important;
top: 0!important;
left: 0!important;
}
#fancybox-title, #fancybox-close {
display: none!important;
}
}

问题是表格布局不起作用。

Answer 1

这行得通：

    @media print 
   { 
       body * { visibility: hidden; } 
       #fancybox-content * { visibility: visible; } 
       #fancybox-content {position:fixed; top: 5px; left: 5px; } 
   }