사람들이 인쇄하여 상점에 가져갈 수있는 쿠폰이 들어있는 상점 페이지를 올려 놓고 싶습니다. 나는 그들이 전체 페이지가 아닌 쿠폰을 인쇄 할 수있는 방법을 찾고있다.어떻게 이미지를 인쇄 할 수 있습니까?
쿠폰 이미지를 iFrame에 넣으면 이미지가 인쇄 될 수도 있지만 이미 더 나은 방법이 있는지 먼저 확인하고 싶습니다.
어떤 아이디어 주셔서 감사합니다.
사람들이 인쇄하여 상점에 가져갈 수있는 쿠폰이 들어있는 상점 페이지를 올려 놓고 싶습니다. 나는 그들이 전체 페이지가 아닌 쿠폰을 인쇄 할 수있는 방법을 찾고있다.어떻게 이미지를 인쇄 할 수 있습니까?
쿠폰 이미지를 iFrame에 넣으면 이미지가 인쇄 될 수도 있지만 이미 더 나은 방법이 있는지 먼저 확인하고 싶습니다.
어떤 아이디어 주셔서 감사합니다.
print.css 파일을 사용하면 CSS display : none;을 통해 다른 사이트 요소를 숨길 수 있으므로 쿠폰이있는 페이지에서 인쇄 할 때 쿠폰 만 표시됩니다. 당신의 CSS에서 http://alistapart.com/article/goingtoprint
:
또한@media print {
.elementsToHide {
display:none;
}
#coupon {
display:block;
}
}
, 주제에이 문서를 체크 아웃 : http://coding.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/
그것은있을 가능성이 여기에
는 print.css에 좋은 기사입니다 이 대답은 늦었지만 사용자가 사진을 인쇄하기를 원한다면 가장 좋은 방법은 다음과 같습니다.<body>
태그에 <img>
태그 만 포함 된 새 창/탭에서 새 페이지를 엽니 다. 이 방법으로 사용자는 메뉴에서 인쇄를 선택하고 그림을 인쇄 할 수 있습니다.
이렇게하면 사용자가 인쇄 할 내용이 분명합니다.
window.print으로 인쇄 대화 상자를 표시 할 수도 있습니다.이 대화 상자는 사양에 없지만 모든 데스크톱 브라우저에서 작동합니다.
일부 설명 :
나는 인쇄 스타일에 대해 알고, 당신은 완전히 그들과 함께 페이지를 다시 정렬 할 수있는,하지만 사용자가 실제로 동일한 레이아웃 그녀는/그는 무엇을보고 인쇄 할 것으로 예상 발견 모니터에. 인쇄용으로 새 페이지를 만들고 보여줌으로써 사용자는 인쇄물을 "미리보기"하고 인쇄하기 때문에 더 자신감을 가질 수 있습니다.
관련 질문 http://stackoverflow.com/questions/6500962/how-to-print-only-a-selected-html-element – user1929959