在Firefox中打印maichimp時隱藏div

Question

我們使用客戶的mailchimp服務製作新聞稿，現在我們的客戶希望打印郵件的webversion，但沒有mailchimp頂部欄（#awesomebar）。 是否有一個插件或東西的Firefox或鉻，可以防止打印的div，並且很容易使用非技術人員？所以螢火蟲不是一種選擇。

我已經試過聯繫mailchimp了，但他們不會改變打印的CSS。

Answer 1

爲什麼不首先禁用awesomebar？

如果沒有，只需在模板中使用一些自定義CSS即可。類noprint添加到他們不想打印任何元素，然後在您的自定義CSS，添加如下：

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

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

</style> 

如果這不適合你「恰好」的工作，希望你可以使用它作爲一個初始點。 media="print"標籤僅適用於瀏覽器打印時 - 它不會正常影響頁面的顯示。