인쇄 페이지에 머리글 로고 인쇄 방법

Question

표시되는 화면에없는 인쇄 페이지에 머리글 로고를 인쇄하려고합니다. 제발, 어떻게해야합니까?

감사합니다. 우리가 HTML/CSS에 대해 얘기하고 가정

Answer 1

, 당신은 같은 일부 미디어 유형에 대한 사용자 정의 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/