没有模态的打印页面[重复]

Posted 2023-03-15

【中文标题】没有模态的打印页面[重复]

【英文标题】：Print page without modal [duplicate]

【发布时间】：2018-07-23 06:40:51

【问题描述】：

我有一个带有模式的页面。此模式中的一个选项是使用window.print() 打印页面。

这会打印模态而不是页面。

如何只打印页面而不打印模式？

【问题讨论】：

@Roko C. Buljan 你好。这不是我的错，我的 Google-fu 和你的不一样。这当然会被掩埋，但没有理由在将某些内容标记为重复之前留下居高临下的攻击性信息。

【参考方案1】：

您想设置打印样式表。如果您的模态内容的 ID 为 #modal，那么打印时将隐藏它：

@media print 
    #modal
        display: none;