인쇄에서 ul 메뉴를 방지

Question

나는 요소를 기반으로하는 Joel Birch의 jQuery Superfish 메뉴를 사용하고 있습니다. 사용자가 페이지를 인쇄 할 때 "메뉴"가 순서가 지정되지 않은 목록으로 해석됩니다. 이 :

(example image here...)

나는 그것이 눈에 보이지 않는하거나 브라우저에서 볼 수 있습니다 정확히 것처럼 인쇄 할 수 있도록 만드는 인쇄에서이 요소 (메뉴 바)를 방지하기 위해 해결 방법이 있는지 궁금해?

의 코드는 기본입니다 :

<ul class="sf-menu" id="example"> 
    <li> 
    <a href="#">sobre nós</a> 
    </li> 
    <li class="current"><a href="#a">tratamentos e produtos</a> 
    <ul> 
    <li><a href="#aa">menu item that is quite long</a></li> 
    <li class="current"><a href="#ab">menu item</a> 
    ... 
</ul> 

어떤 도움이나 팁 감사합니다. 감사합니다. .

Answer 1

같은 메뉴를 숨 깁니다 CSS 파일 만들기 : 해당 파일 저장

.sf-menu{display:none;} 

와 함께 페이지에 < 머리 > 그것을 링크 된 페이지를 인쇄 할 경우에만

<LINK REL="stylesheet" TYPE="text/css" 
MEDIA="print" HREF="urlofyourcssfilehere.css"> 

이 메뉴를 숨 깁니다.

MEDIA 속성이 핵심입니다. 프린터에 대한 전체 여분의 스타일 시트를 작성하지 않으려면 당신은을 사용할 수 http://www.w3.org/TR/CSS2/media.html

Answer 2

:

이 링크를 참조 인쇄, hendheld 등 : 각 미디어에 대해 서로 다른 CSS를 지정을 할 수 사용 기존 스타일 시트의 미디어 쿼리.

@media print { 
    .sf-menu: { 
     display: none; 
    } 
}