Question

我正在使用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>

感谢任何帮助或提示。感谢。

Answer 1

创建隐藏菜单的css文件：

.sf-menu{display:none;}

保存该文件并将其链接到您的网页＆lt; head＆gt;用：

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

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

MEDIA属性是关键。使用它，您可以为每种媒体指定不同的CSS：print，hendheld等。

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

Answer 2

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

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

防止打印ul菜单

2 个答案: