2013-08-16 57 views
8

打印時爲什麼瀏覽器會改變文本的顏色?打印HTML頁面時文本顏色不正確

例如,創建包含空白的HTML文件:

<span style="color: #80b831">test</span> 
<button onclick="window.print()">Print</button> 

實施例這裏:http://jsfiddle.net/7z6c2/

span具有color: #80b831在屏幕上,但在打印時(甚至只是打印預覽在Chrome)的顏色是不同的(檸檬綠色)。

ScreenshotsfromPDFCreator

如果我打勾Chrome的「背景顏色和圖像」在打印預覽選項,選擇正確的顏色,然後使用。

這裏發生了什麼?我如何獲得正確的顏色默認顯示?這是否與「網絡安全」顏色有關?

+1

它爲我工作得很好。你檢查過你的墨盒嗎? – andrew

+1

即使只是在打印預覽中,顏色也是錯誤的 –

+0

請您包含足夠的代碼,以便在問題本身中重現問題,而不僅僅是在小提琴中。 – Flexo

回答

8

入住這Fiddle

你必須使用-webkit-打印色彩調整元素在其上進行打印的

而且點擊這裏瞭解更多關於打印色彩調整https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-print-color-adjust

+5

這並不能解釋爲什麼顏色如果您不使用該選項,則關閉。這不是背景顏色。 – JJJ

+0

僅當您嘗試使用chrome進行打印時,纔會出現顏色更改問題..如果沒有打印顏色調整,請嘗試使用firefox打印您的頁面,然後您就可以看到它的工作了...... –

+3

這仍然無法解釋Chrome爲什麼要這樣做。 – JJJ

0

有點老話題,但仍然可能不得不採取網絡安全顏色。這裏是他們的list,但如果由於缺少打印機而會有任何差異,則沒有進行測試。