PDF/UA 渲染使圖像和方框變灰

This article was translated from English: Does it need improvement?
Translated
View the article in English

當使用 ConvertToPdfUA()SaveAsPdfUA() 將 PDF 轉換為 PDF/UA 格式時,輸出中的圖像、SVG、陰影和方框元素會出現灰色陰影。

Chromium 在 PDF/UA 模式中存在繪圖順序問題,導致某些元素合成不正確。 灰色外觀是由於瀏覽器在 PDF/UA 模式啟用時堆疊和繪製分層元素的方式所產生的渲染假象。

解決方案

在 HTML 元素中新增 -webkit-filter: blur(0)。 這會強制 Chromium 建立新的合成層,從而啟動硬體加速,導致瀏覽器重新評估元素堆疊順序,消除了灰色假象。

內嵌:

<html style="-webkit-filter: blur(0);">
<html style="-webkit-filter: blur(0);">
HTML

經由 CSS:

html {
    -webkit-filter: blur(0);
}

將過濾器應用於解決問題的最小元素,而不是 <html> 元素。 由於強制硬體加速,在較大範圍內應用時,可能會稍微影響低端裝置的效能,在某些佈局中會影響 z-index 堆疊。 如果應用此修正後堆疊順序發生變化,可根據需要調整 z-index 值。

Curtis Chau
技術作家

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

除了開發,Curtis對物聯網(IoT)有濃厚的興趣,探索創新的方法來整合硬體和軟體。在空閒時間,他喜歡玩遊戲和建立Discord機器人,結合他對技術的熱愛與創造力。

準備開始了嗎?
Nuget 下載 20,088,359 | 版本: 2026.7 剛剛發布
Still Scrolling Icon

還在捲動嗎?

想快速獲得證明嗎? PM > Install-Package IronPdf
執行範例 看您的HTML變成PDF。