2012-06-06 74 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; } 
    }