PDF/UA渲染将图像和框转换为灰色

已更新:2026年6月9日

Translated

View the article in English

当使用SaveAsPdfUA()将PDF转换为PDF/UA格式时，图像、SVG、阴影和框元素在输出中显示为灰色阴影。

Chromium在PDF/UA模式下存在一个绘制顺序问题，导致某些元素错误地合成。灰色外观是一种渲染现象，是由浏览器在PDF/UA模式活动时叠加和绘制分层元素时产生的。

解决方案

将-webkit-filter: blur(0)添加到HTML元素中。这迫使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 拥有卡尔顿大学的计算机科学学士学位，专注于前端开发，精通 Node.js、TypeScript、JavaScript 和 React。他热衷于打造直观且美观的用户界面，喜欢使用现代框架并创建结构良好、视觉吸引力强的手册。

除了开发之外，Curtis 对物联网 (IoT) 有浓厚的兴趣，探索将硬件和软件集成的新方法。在空闲时间，他喜欢玩游戏和构建 Discord 机器人，将他对技术的热爱与创造力相结合。

准备开始了吗？

Nuget 下载 20,088,359 | 版本: 2026.7 刚刚发布

想快速获得证据？ PM > Install-Package IronPdf
运行示例看着你的HTML代码变成PDF文件。