当锚标记的任何子级具有位置：绝对时，在 Chrome/Firefox 中打印为 pdf 时 HTML 链接会丢失

Question

在 Chrome 和 Firefox 中打印为 PDF 转换期间，超链接丢失。

我也尝试使用 Chromium 无头浏览器从 HTML 创建 PDF，并观察到相同的行为。

重现问题的步骤：

(1) 创建带有标签的 HTML 文件 (2) 创建任何样式中包含“position:absolute”的标签

或或标签。 (3) 将 HTML 文件打印为 PDF

示例 HTML 片段：

<html>
<body>
    <a href="https://www.google.com">
        <p style="position: absolute;"> Hello </p>
    </a>
</body>
</html>

Answer 1

如果您尝试将锚元素放在块级段落内，它可能会更适合您：

<html>
<body>
<p style="position: absolute;">
    <a href="https://www.google.com">
         Hello
    </a>
</p>
</body>
</html>

Answer 2

这取决于您使用的打印机。例如，我有 2 个打印机选项。