在firefox中打印maichimp时隐藏div

时间:2012-12-17 14:36:24

标签: printing stylesheet mailchimp

我们为客户使用mailchimp服务制作时事通讯,现在我们的客户希望打印邮件的webversion,但没有mailchimp顶栏(#awesomebar)。 是否有一个插件或firefox或chrome的东西,可以防止打印div,这是一个非技术人员易于使用?因此,萤火虫不是一种选择。

我已经尝试联系mailchimp了解它,但他们不会改变打印css。

1 个答案:

答案 0 :(得分:0)

为什么不首先禁用awesomebar?

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

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

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

</style>

如果这不能“完全”适合您,希望您可以将它作为起点。 media="print"标记仅适用于浏览器打印时 - 它不会正常影响页面的显示。