javascript - 打印时隐藏 JavaScript 菜单

Question

我试图在打印时隐藏 JavaScript 菜单。

我可以使用 print.css 隐藏其他元素，例如标题和我的 rightnav，它只是一个包含 5 个链接的列表，但不能隐藏菜单。所以我知道我的 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 选择器@media print。

尝试在您的样式表中添加以下内容:

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