페이지 프린트 좌우반전, 컬러안나옴 채택완료
제가 페이지 프린트 버튼을 만들었는데요.
실제로 프린트가 내용은 잘되고 해서 코드문제는 아닌것 같지만
혹시 모르니 코드도 적어봅니다.
그런데 약간 이상한 부분이 있습니다.
1) 상단부분이 좌우 반전되서 나오고 버튼 컬러도 없습니다.
2) after 컬러 및 보더 컬러가 안나옵니다.
왜그러는걸까요ㅠㅠ
<a href="javascript:" OnClick="content_print();" class="catalog_btn">Page print</a></p>
<p>
</p>
<p>function content_print(){
var initBody = document.body.innerHTML;
window.onbeforeprint = function(){
document.body.innerHTML = document.getElementById('bo_v').innerHTML;
}
window.onafterprint = function(){
document.body.innerHTML = initBody;
}
window.print();
}</p>
<p>
[실제 페이지] : 좌우반전문제 + 버튼 컬러
http://sir.kr/data/editor/2408/1025970347_1723781255.6537.png" width="100%" />
[인쇄시 페이지]
http://sir.kr/data/editor/2408/1025970347_1723781281.4262.png" width="657" />
[실제 페이지] : 보더 컬러 및 after 컬러 문제
http://sir.kr/data/editor/2408/1025970347_1723781359.2591.png" width="100%" />
[인쇄시 페이지]
http://sir.kr/data/editor/2408/1025970347_1723781325.2596.png" width="662" />
답변 1개
인쇄의 경우 데이터 전송 규칙이나 마크업 등에 따라 일부 css가 재대로 적용되지 않습니다.
@media print{
table th {background-color:#e8e8e8 !important; -webkit-print-color-adjust:exact;}
}@media print로 인쇄 화면에서만 사용할 css를 따로 작성할 수 있습니다.
https://tarot-story.tistory.com/47
https://code-study.tistory.com/43
- 참고 자료
도움이 되셨다면 채택 한번 부탁드립니다^^
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인