0

我正在一个只有一张图片的页面上构建一个上下文菜单，我希望用户在右键单击时只有两个选项：打印或关闭页面。一切正常，除了当他们打印它时，上下文菜单也会被打印出来。单击打印后如何删除菜单以使其不打印？这是一个小提琴：

查看：http: //jsbin.com/eQiToLA/2

编辑：http: //jsbin.com/eQiToLA/2/edit

   $(document).ready(function(){
      $('#imgContainerDiv').vscontext({menuBlock: 'vs-context-menu'});
   });

我的标记在这里：

<body>
  <div id="imgContainerDiv">
    <img src="http://lorempixel.com/output/city-q-c-640-480-8.jpg" alt="city" />
  </div>
  <div class="vs-context-menu">
   <ul>
       <li class="print"><a href="#" onclick="window.print();return false;" id="menu_1">Print</a></li>
       <li class="exit"><a href="#" onclick="window.close();return false;" id="menu_2">Close</a></li>
   </ul>
</div>

</body>
4

2 回答 2

1

CSS 打印媒体可用于应用样式进行打印。

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

或者你可以有一个单独的样式表

<LINK rel="stylesheet" type"text/css"
     href="print.css" media="print">
于 2013-10-17T16:32:50.943 回答
0

添加一个打印样式表，隐藏您不想打印的任何元素。

通常，打印样式表会优化页面以在纸上阅读，例如删除标题图像、将文本设置为白底黑字以及删除任何非必要元素。

于 2013-10-17T16:33:17.920 回答