0

要素に基づくJoelBirchのjQuerySuperfishメニューを使用していますが、これは正常に機能しますが、ユーザーがページを印刷すると、「メニュー」は順序付けられていないリストとして解釈されます...次のようになります。

（ここに画像の例...）

この要素（メニューバー）が印刷されて非表示になったり、ブラウザに表示されるのとまったく同じように印刷可能になったりしないようにする回避策があるのでしょうか。

のコードは基本です：

<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 に答える