2

HTML ドキュメント全体の一部を印刷しようとしています。私はそれを行うために以下のcssを使用しています。

@media print { body * {
    visibility: hidden;
}
#print-area * {
   visibility: visible;
}}

それは機能していますが、 Visibility:hidden がスペースを予約しているため、空白のページと私のコンテンツが印刷されています。css3 の :not セレクターを使用して他のすべての div を設定しようとしましたが、以下のように「印刷領域」を display:none に設定しました。

div:not(#print-area){ display:none; }

これにより、空白ページが印刷されます。:not セレクターがメディア印刷で機能していないようです。これに対する提案/解決策は大歓迎です。

ありがとう

4

3 に答える 3

1

これを使って ：

:not(#print-area){ display:none; }
于 2013-06-16T07:33:28.327 に答える
1

visibility: hidden;スペースを保持し、非表示のみです。display: none;あなたの体に使用を示します。

@media print { #wrapper {
    visibility/: hidden;
    display: none;
}
#print-area {
   visibility/: visible;
   display: block;
}}

画面に対しても宣言する必要がある編集

@media screen { #wrapper {
         display: block;
}
于 2013-06-16T07:37:21.997 に答える