Скрыть меню JavaScript при печати

Question

Я пытаюсь скрыть меню JavaScript при печати.

Я могу скрыть другие элементы, такие как заголовок и правое правое, это всего лишь список из 5 ссылок, используя print.css, но не могу скрыть меню. Поэтому я знаю, что мой print.css работает над некоторыми элементами.

<div id="leftnav"> 
     <script type=text/javascript> 
     //HV Menu v5.411- by Ger Versluis (http://www.burmees.nl/) 
     //Submitted to Dynamic Drive (http://www.dynamicdrive.com) 
     //Visit http://www.dynamicdrive.com for this script and more 
     function Go(){return} 
     </script> 
     <script src="menu_var2.js" type=text/javascript></script> 
     <script src="menu_com.js" type=text/javascript></script> 
    </div> 

    <div id="content"> 
     stuff to be printed 
    </div> 

Answer 1

Для этого можно использовать медиа-запрос css selector @media для печати.

Попробуйте добавить следующее в таблицу стилей:

@media print { 
#leftnav { 
display: none; 
} 
} 

Answer 2

Используйте @media print:

@media print { 
    #leftnav { 
    display: none; 
    } 
} 

Теперь, в следующем фрагменте, попробуйте распечатать его:

@media print { 
 
    #menu { 
 
    display: none; 
 
    } 
 
}

<div id="menu"> 
 
    This will not show in print. 
 
</div> 
 
<div> 
 
    This will come in Print. 
 
</div>

Используя Chrome, я получаю это: