2012-08-07 87 views
3

我試圖搜索這一切,但沒有發現任何接近我的問題在任何地方。打印CSS生成的漸變

有誰知道是否可以打印出一個CSS生成的線性漸變?我嘲笑我的老闆的網站,它看起來非常好,但是當我嘗試製作一個友好的打印頁面時,漸變完全不顯示。

作爲參考,我試圖打印的是一個指示條,其頂部有一個滑塊元素,用於指示範圍內值的結果。

頁面上的漸變看起來非常棒,但只是不顯示在打印對話框中。

在此先感謝!

+0

愚蠢的問題:你確定它不只是對話框弄亂漸變?換句話說,如果你真的打印頁面,它是否正確?我知道一次或兩次打印預覽誤導複雜的css – 2012-08-07 19:28:23

回答

2

如果我正確理解你的問題,聽起來像所有的背景圖像不打印正確嗎?這是IE的默認行爲。要打印背景圖形(可能包括您的'漸變圖形',打印 - >頁面設置,然後單擊「打印背景顏色和圖像」
希望這會有所幫助

+0

絕對值得看看 – Vikram 2012-08-07 19:29:41

+1

Chrome似乎沒有這個選項,但你可以在頁面設置選項下使用Firefox。 – j08691 2012-08-07 19:30:15

+0

感謝您的快速回復!我終於明白這是發生了什麼。現在是時候找到一個可行的解決方案。感謝大家! – 2012-08-07 19:41:34

0

不確切,但打印呈現除了瀏覽器引擎之外,它自己的引擎。

它典型地(除了說,iPad)濾除背景圖像和某些類型的渲染材料以保存在墨跡上。唯一的改變方法是如果用戶更改他或她自己的打印首選項

沒有CSS或Javascript方式來實現此目的,除非您將頁面呈現爲圖像,並打印圖像。

如果您願意,我可以進入更多細節,但除了iPad之外,打印格式如電子郵件格式是一個棘手的問題。