打印Fancybox的内容(插件1.3.4。)

时间:2012-06-06 07:16:36

标签: jquery jquery-plugins fancybox

我使用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;
}
}

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

1 个答案:

答案 0 :(得分:0)

这有效:

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