2009-10-15 5 views
0

와 클라이언트 다운로드 오버 헤드를 중지하면 다행스럽게도 필자는 잘 설명 할 수 잘하면 내가 올바른 방법 :) 생각하고브라우저 관련 : CSS를 인쇄 스타일 시트 - @media

나는 인쇄 스타일 시트가있는 경우 내 질문은, 배경 이미지를 "표시"하는 몇 가지 클래스가있는 경우 브라우저가 인쇄 지점에서 이미지를 다운로드하게하거나 이미지를 미리로드해야하는 방법이 있습니다.

저는 FF와 IE로 인쇄 된 배경 이미지를 혼합 한 결과가 있습니다. IE는 실제로 인쇄물에서 이미지를 다운로드하는 것처럼 보입니까? 어디로 FF로하지 않습니다 - (파이어 폭스의 라이브 HTTP 헤더 addon 그것이라고하더라도!).

@media=screen 
.class 
{ 
    display: none; 

} 

@media=print 
.class 
{ 
    display: list-item !important; 
    list-style-image: 
} 

답변

0

안 좋은 솔루션,하지만 당신은 그것을 실제로 인쇄하기 전에 클릭 할 때 스타일을 수정하고 나중에 다시 변경하는 "인쇄"버튼을 제공 할 수있다 :

내 코드는 기본적으로 이런 말을한다?

예를 들어 (jQuery를 사용하여) : 분명히

<script type="text/javascript" language="javascript"> 
    function doprint() { 
     $('.class').css('display','list-item').css('list-style-image','img.jpg'); 
     window.print(); 
     $('.class').css('display','none').css('list-style-image',''); 
    } 
</script> 

<input type="button" onclick="doprint();" /> 

브라우저의 인쇄 기능을 사용하면이 문제를 해결할 수 있습니다.

는 ... 또한 그 Damovisa에 대한

+0

감사합니다 당신이 잘 진정되는 JQuery와 및 스크립트를 사용하여 최대 사용되는 이미지를 사전로드하지 않음으로써 저장 한 오버 헤드의 문제가있다! 접근성 측면에서 본다면이 솔루션을 사용할 수 없습니다. 이것이 유일한 해결책 일 수 있다면 처음부터 미리 하중을 가해 야 할 것입니다. 건배 자레드 – Jared

+0

사전로드가 특히 느린 경우로드하는 이미지의 크기/형식을 확인하는 것이 좋습니다. – Damovisa