jQueryUI ThemeRoller 스타일이 인쇄 버전에 표시되지 않습니다.

Question

내 페이지에서 ThemeRoller 및 jQueryUI를 사용하고 있으며 스타일이 인쇄 버전에 적용되지 않습니다.

jQueryUI 어딘가에 미디어가 화면 대신 모두 변경되는 설정이 있습니까? 아니면 이러한 스타일이 인쇄 버전에 적용되지 못하게하는 다른 것이 있습니다.

Answer 1

CSS에 적용된 배경 이미지가 인쇄되지 않습니다 (기본적으로). 이것이 당신이 겪고있는 이슈라면 그것이 이유 일 수 있습니다. 인쇄하지 않는 특정 항목이 있습니까?

Answer 2

대부분의 브라우저에서 배경색과 이미지 인쇄는 사용할 수 없습니다. 인쇄 할 때 스타일을 올바르게 볼 수 있으려면 먼저 활성화해야합니다.

IE의 경우 인쇄 미리보기를 한 다음 페이지 설정 버튼을 클릭하십시오. 배경색 및 이미지 인쇄 확인란을 볼 수 있습니다.

FireFox에서 인쇄 미리보기를 한 다음 페이지 설정 버튼을 클릭하십시오. 배경 인쇄 (색 & 이미지) 확인란을 볼 수 있습니다.

크롬에서는 불행히도 IETAB 확장 프로그램을 사용할 수 없습니다. this support thread을 참조하십시오.

그리고 CSS 에 적용된 배경 이미지가 실제로 브라우저의 설정이 켜져있을 때을 인쇄한다는 것을 증명하려면 다음 코드를 사용하여 기본 HTML 페이지에 넣으십시오. IE, FireFox 또는 이미지 인쇄 설정을 지원하는 다른 브라우저에서 열어보십시오. 그런 다음 설정을 켜거나 끕니다. 인쇄 미리보기에서 작은 화살표 이미지가 나타나거나 사라지는 것을 볼 수 있습니다.

<style type="text/css"> 
     .link { 
      background: url(http://www.famfamfam.com/lab/icons/silk/icons/control_play.png) no-repeat; 
     } 
     .link a { 
      padding-left: 18px; 
     } 
    </style> 

    <div class="link"> 
     <a href="#">Test Link</a> 
    </div> 

Answer 3

jQuery 테마 롤러 CSS 파일에 media 속성이 있는지 확인하면이를 간단하게 해결할 수 있습니다. jQuery UI와는 아무런 관련이 없습니다. 브라우저의 본질적 특성입니다.

변화

<link rel="stylesheet" href="URL to your print.css" type="text/css" media="screen" /> 

이에

(또는 모두 추가)

<link rel="stylesheet" href="URL to your print.css" type="text/css" media="print" />