0

このようなタブに分割されたASP.NET Webサイトがあります

|TITLE1| - |TITLE2| - |TITLE3| - ETC.

ユーザーが をクリックするとTitle 2、タイトル 2 に対応する div のみが下に表示されます。画像の印刷ボタンを作ったのですが、すべてのタブを重ねて開いたように印刷できるようにしたいです。現在、クリックされたタブのみが印刷されます。

4

2 に答える 2

2

すべてのタブのコンテンツを、cssメディア印刷ルールが関連付けられているdivにレンダリングする必要があります。実際のタブには、印刷用に非表示にする別のcssルールも必要です。

たとえば、あなたは

<div id="tabs" class="print_hidden">
Your actual tabs go here
</div>
<div id="printTabs" class="screen_hidden">
Your printer friendly text goes here when the link below is clicked.
</div>
<asp:LinkButton runat="server" id="lnkPrinterFriendly">Printer-friendly view</asp:LinkButton>

次に、cssファイルには次のものがあります。

@media print {
.screen_hidden { display: none; }
}

@media screen {
.print_hidden { display: none; }
}
于 2012-04-09T16:08:11.833 に答える
2

divすべてのタブ（要素内にあると思います）がに設定されている印刷スタイルシートを使用しますdisplay: block。

于 2012-04-09T16:08:12.643 に答える