0

我正在使用 Joel Birch 的基于元素的 jQuery Superfish 菜单，它工作正常，但是当用户打印页面时，“菜单”被解释为无序列表......就像这样：

（此处的示例图片...）

我想知道是否有一种解决方法可以避免打印此元素（菜单栏）使其不可见或使其可打印，就像在浏览器中看到的一样？

的代码是基础：

<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>

任何帮助或提示表示赞赏。谢谢。

4

2 回答 2

2

创建隐藏菜单的css文件，如下所示：

.sf-menu{display:none;}

保存该文件并将其链接到您的页面 <head> 中：

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

这将仅在打印页面时隐藏菜单。

MEDIA 属性是关键。使用它，您可以为每种媒体指定不同的 css：打印、手持等。

请参阅此链接：http ://www.w3.org/TR/CSS2/media.html

于 2013-02-16T13:58:40.537 回答
0

如果您不想为打印机创建一个完整的额外样式表，您可以在现有样式表中使用媒体查询。

@media print {
    .sf-menu: {
        display: none;
    }
}
于 2014-07-31T18:56:43.637 回答