2012-06-06 69 views
0

我已经使用FancyBox cash flow forecast(命中观看预测)构建了一个计算器。现在我已经做到了,我遇到了一个问题,如何打印Fancybox的内容。理想情况下,我只想让用户在他们的浏览器中点击打印,并打印Fancybox的内容。但我无法找到或找出解决方案。Fancybox的打印内容(插件1.3.4。)

或者,当用户通过图标查看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; 
} 
} 

问题是表布局不起作用。

+0

[你尝试过什么(http://whathaveyoutried.com/) – Jashwant

+0

我已经试过纯CSS。我用我的最佳尝试修正了上述内容。我设法得到了FancyBox的内容,但是表格无法正确显示。我尝试了其他“显示”(块,内联,内联块,表,继承等) – Bocker

回答

0

这工作:

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