如何在打印頁面上打印頁眉徽標

Question

我想在打印頁面上打印不顯示在屏幕上的頁眉徽標。 請建議，我該怎麼做？

謝謝！

Answer 1

假設我們正在談論的HTML/CSS，你可以自定義的CSS的一些媒體類型，如：

<link rel="stylesheet" type="text/css" href="sample.css" media="print" /> 

，或者在線：

@media print 
    { 
    p.test {font-family:times,serif;font-size:10px;} 
    } 
@media screen 
    { 
    p.test {font-family:verdana,sans-serif;font-size:14px;} 
    } 

這應該讓你完成你需要什麼。

Answer 2

您將使用打印樣式表。

在您的正常樣式表中，您可以將徽標設置爲display: none;，並在打印樣式表中將其設置爲display: block;。

這會隱藏在屏幕上並在打印時顯示。

注意：如果您在主站點設計中使用了背景設置爲您的徽標的<div>，則無法工作。瀏覽器不打印背景（以節省墨水），所以它不會被看到。您需要添加適當的<img>標籤並應用上述方法。

檢查了這一點了非常明確的介紹，打印樣式表：

• http://www.alistapart.com/articles/goingtoprint/