Chrome系統打印對話框文本白色亮點

我在使用Windows的Google Chrome瀏覽器中遇到問題（嘗試使用IE11，FF，Opera，Safari）進行打印。只有在使用系統打印對話框時纔會出現此問題。使用Chrome Print Preview會呈現預期的結果，但只是在使用系統打印對話框時纔會發現問題。Chrome系統打印對話框文本白色亮點

下方第一張圖片是預期的結果（使用普通瀏覽器打印預覽窗口打印）： Expected printout result

而這一次是我得到（使用系統打印對話框）： Actual result

我認爲這個問題是非常明顯的 - 所有的文字都有一個白色的亮點。

另一個可能相關的問題是，我的字體都不正確 - PDF使用Arial呈現，而不是我聲明的正確字體。

這些打印到PDF打印機，但結果是完全一樣的時候打印在紙上，我試過兩種不同的打印機制造商。

我會張貼的CSS（因爲我懷疑這是問題），但我不知道要發佈什麼。

我試圖改變從各種元素（太多名字）不同的CSS值的堆，但我已經嘗試了明顯的：背景顏色和背景，試圖消除混濁等

任何想法將不勝感激！

編輯：用一個例子的實際網址是：iNewsletter

編輯：只是寫了一個簡單的測試案例也失敗：

<!DOCTYPE html> 
<html> 
    <head> 
     <style> 
      #bg {width: 500px; height: 500px;} 
      #text {margin-top: -500px;} 
     </style> 
    </head> 
    <body> 
     <div id="bg"><img src="http://inws-cache-dev.s3.amazonaws.com/3-resize-1024-768.jpg" width="500" height="500" /></div> 
     <div id="text">This text will have a white highlight</div> 
    </body> 
</html>

這使我認爲這是一個Chrome bug

來源

2013-11-22 Michael Bates

你有我們測試的實時網址嗎？ – Godinall

當然可以！我更新了這個問題。 –

您是否找到解決方案？我遇到了同樣的問題。 – Rabbi

問題出在你的CSS中，就像你猜到的一樣。在您的CSS中搜索@media print，控制打印樣式。您提供的實時網站根本不允許進行任何打印，因此您會設置完全白色的文檔，因爲它會設置打印樣式顯示：無。

來源

2013-11-22 11:51:53 Godinall

你能詳細說明嗎？它可以打印，因爲我希望它使用Chrome Print Preview，所以@media print在這方面正常工作。 –

實況網站不會在我的系統上重現您的問題，所以很難說。它要麼打印完美，要麼不讓我預覽。 – Godinall

您是否可以嘗試在Chrome中點擊「使用系統對話框打印」按鈕查看您是否遇到了我遇到的白色突出問題？ –

Chrome系統打印對話框文本白色亮點

回答

相關問題