printing - 在 Firefox 中打印 maichimp 时隐藏 div

Question

我们使用 mailchimp 服务为客户制作时事通讯，现在我们的客户想要打印邮件的 web 版本，但没有 mailchimp 顶部栏 (#awesomebar)。是否有插件或用于 Firefox 或 chrome 的东西可以防止 div 打印并且易于非技术人员使用？所以萤火虫不是一种选择。

我已经尝试联系 mailchimp，但他们不会更改打印 css。

Answer 1

为什么不首先禁用 awesomebar？

如果没有，只需在模板中使用一些自定义 CSS。将该类添加noprint到他们不想打印的任何元素中，然后在您的自定义 CSS 中添加以下内容：

<style type="text/css" media="print">

.noPrint, #awesomebar {
     display:none !important;
}

</style>

如果这不能“完全”为您工作，希望您可以将其作为起点。该media="print"标签仅在浏览器开始打印时应用——它不会影响页面的正常显示。