PDF/UA 渲染使圖像和方框變灰
Curtis Chau
Updated: 2026年6月10日
當使用 ConvertToPdfUA() 或 SaveAsPdfUA() 將 PDF 轉換為 PDF/UA 格式時,輸出中的圖像、SVG、陰影和方框元素會出現灰色陰影。
Chromium 在 PDF/UA 模式中存在繪圖順序問題,導致某些元素合成不正確。 灰色外觀是由於瀏覽器在 PDF/UA 模式啟用時堆疊和繪製分層元素的方式所產生的渲染假象。
解決方案
在 HTML 元素中新增 -webkit-filter: blur(0)。 這會強制 Chromium 建立新的合成層,從而啟動硬體加速,導致瀏覽器重新評估元素堆疊順序,消除了灰色假象。
內嵌:
<html style="-webkit-filter: blur(0);">
HTML
經由 CSS:
html {
-webkit-filter: blur(0);
}
Text
將過濾器應用於解決問題的最小元素,而不是 <html> 元素。 由於強制硬體加速,在較大範圍內應用時,可能會稍微影響低端裝置的效能,在某些佈局中會影響 z-index 堆疊。 如果應用此修正後堆疊順序發生變化,可根據需要調整 z-index 值。

技術作家
Curtis Chau擁有Carleton大學的電腦科學學士學位,專精於前端開發,擁有Node.js、TypeScript、JavaScript和React的專業知識。Curtis熱衷於建立直觀且美觀的使用者介面,喜愛使用現代框架並建立結構良好、視覺吸引力的手冊。
...
閱讀更多