HTML/CSS - 打印，背景顏色和圖像的樣式不會顯示在IE和Firefox中？

如何在打印時顯示背景顏色和圖像，我知道這是瀏覽器屬性，但我想從CSS完成它，例如我用於webkit -webkit-print-color-adjust: exact;那麼我該如何實現它。HTML/CSS - 打印，背景顏色和圖像的樣式不會顯示在IE和Firefox中？

來源

2013-02-02 user2029716

可能的重複：[如何在FF或IE中打印背景圖像？]（http://stackoverflow.com/q/596876/1456376）。 – insertusernamehere

可能的重複：[非webkit瀏覽器的CSS屬性print-color-adjust]（http://stackoverflow.com/questions/12730331/css-property-print-color-adjust-for-non-webkit-browsers） – rubo77

迄今爲止最好的：https：//defuse.ca/force-print-background.htm – Teson

-2

使用CSS @media設置樣式爲不同的設備

@media打印 用於打印機

@media屏幕 用於電腦屏幕

一些易讀數如下

http://www.w3schools.com/css/css_mediatypes.asp

https://developer.mozilla.org/en-US/docs/CSS/@media

來源

2013-02-02 08:47:57 user2031802

不，這是不可能的，請參閱：

的-webkit-print-color-adjust屬性是非標準CSS擴展，它可以用來強制背景顏色印刷以及基於WebKit引擎的瀏覽器中的圖像。

Firefox或IE沒有這樣的解決方案。

唯一的解決方案是取消選中手動打印對話框中的複選框「打印背景顏色」。

來源

2013-02-02 09:42:11 rubo77

我認爲這是正確的答案，雖然其他答案有一些有用的信息 - 但只是不是問題的答案 – rubo77

這個選項也是僅在最新的webkit瀏覽器中可用。在2013年左右之前不支持它，它可能有點bug，如上面的鏈接所述。 –

Google Maps和Bing Maps使用涉及非常大的表單元格邊框和負邊距的CSS hack。大多數其他網站還沒有實施這個黑客。

我找不到任何有關如何重新創建此文檔的文檔，但是，如果讀者願意仔細查看這些網站上的打印輸出的DOM，他/她會找到解決方法。

來源

2014-03-05 14:25:26 patstuart

HTML/CSS - 打印，背景顏色和圖像的樣式不會顯示在IE和Firefox中？

回答

相關問題