2012-11-10 3 views
2

텍스트, 배경색, 이미지특정 div 인쇄

이 포함 된 div가 있는데이 div 만 인쇄하고 싶습니다.

나는 어떤 도움이 도울 수 있도록 친절합니다.

감사합니다.

+1

비슷한 뭔가를이 jQuery 플러그인을 사용했다? 그리고 인쇄 할까? 무슨 소리 야? 어디에? 몇 가지 코드를 게시하십시오 ... –

+0

아마도 이것은 많은 도움이 될 것입니다 : http://stackoverflow.com/questions/7608110/how-to-print-a-dynamic-div-html-element-using-jquery – Rikki

+0

중복 : http://stackoverflow.com/a/12181825/603003 이미 답변을 게시했습니다! – ComFreek

답변

6

인쇄 스타일 시트를 정의해야합니다. 다음과 같은 방법으로이 작업을 수행합니다.

이 시트에서는 인쇄 된 페이지의 웹 사이트를 표시하는 방법을 지정합니다. 따라서 인쇄 할 div를 제외한 모든 요소를 ​​display:none으로 설정하면됩니다.

* { 
    display: none; 
} 

#printDiv { 
    display: block; 
} 

를 간단하게 인쇄 할 DIV에 ID printDiv을 적용

다음 선택기 쉽게이 작업을 수행 할 수 있습니다.

+0

div를 가져 와서 jpeg로 만들 수 있습니까? 또는 gif? –

+0

왜 그랬겠습니까? 이미지 (즉, img 태그) 만 인쇄하거나 실제로 div를 이미지 형식으로 serialize 하시겠습니까? –

+0

이미지 형식으로 div를 serialize하고 싶습니다. –

3

무엇을 시도 했습니까?

당신은 새로운 스타일 시트 print.css를 만들 필요로하고, 예를 들어 CSS media=print

설정 :

아마이 도움이

<style media="screen"> 
    .noPrint{ display: block; } 
    .yesPrint{ display: block !important; } 
</style> 

<style media="print"> 
    .noPrint{ display: none; } 
    .yesPrint{ display: block !important; } 
</style> 

GIV .yesPrint 클래스 DIV 특정과 다른 모든 .noPrint.