2012-02-04 4 views
3

화면에 표시 될 html을 작성 중이며 전자 메일로도 보내고 있습니다 (표를 사용하여 작성 중입니다). 섹션을 구분하고 싶습니다. 몇 시간 태그를 넣으려고했는데 탐색기 (Internet Explorer 9 및 Firefox 10)와 전자 메일 관리자 (Outlook 2010, Hotmail 및 GMail)에서 올바르게 표시됩니다. 음, 내비게이션에서 인쇄 할 때 hr 태그가 보이지 않습니다. 네비게이터와 전자 메일 관리자에서 배경색이 보이지만 문서를 인쇄 할 때 레이블이 표시되는 것과 같은 문제가 있습니다. (CSS 파일은 화면에 표시하고 인쇄 할 때와 동일합니다.)인쇄 할 때 시간이 표시되지 않습니다.

답장을 보내 주셔서 감사합니다.

+2


으로 HTML을 빠르게 테스트 한 후 문서에
쇼를 인쇄 할 수 있습니다. 몇 가지 코드를 게시 할 수 있습니까? – ose

답변

3

배경이 인쇄되지 않는 것은 브라우저의 환경 설정입니다. 잉크를 절약하기 위해 기본적으로 꺼져 있습니다. 그러나 hr (또는 다른 구성)이 흰색이고 화면의 색상이있는 배경에 표시되는 경우이 설정을 켜기를 원할 수 있습니다.

+0

내가 이것을 물어 본 지 꽤 오래되었습니다. 환경 설정 프린터 설정이이를 제어합니다. – ShengLong

18

이 같은 브라우저 설정을 변경하지 않고 인쇄의 <hr>을 만들 수 있습니다

hr { 
    display: block; 
    height: 1px; 
    background: transparent; 
    width: 100%; 
    border: none; 
    border-top: solid 1px #aaa; 
} 

주의를 : 나는 단지 크롬에서 테스트.

+0

이것은 또한 IE에서 작동합니다 ... 나는이 접근법을 좋아합니다! 감사합니다 – FastTrack

+0

매력처럼 작동합니다. 굉장해! 고맙습니다! –

+0

firefox/xenial 조합으로 배경 인쇄를 요구하지 않았지만이 해결 방법이 있습니다. 그러나 엘리먼트가 위쪽 테두리 아래에 검은 선을 가지지 않게하려면'display : block;'을 제거해야했습니다. – ThisGuyCantEven

관련 문제