jquery - 印刷時にサイズ変更機能を隠す

Question

ユーザーが画像のサイズを変更してムードボードを作成できるページがあります。印刷以外はすべて動いています。ムードボードを印刷すると、リサイザーがある白い四角形が表示されます。cssが必要かどうかわかりません。

紙に印刷するときにリサイズを非表示にするにはどうすればよいですか?

現時点では、リサイズ用の CSS はありません。jquery resizer functionを使用しています。

例

ここに画像の説明を入力

score 1 · Accepted Answer

jQueryでは、通常はを呼び出します$('#yourId').hide()。それはうまくいきませんでしたか？

score 1 · Accepted Answer

これをヘッダーに追加する必要があります。

<link type="text/css" rel="stylesheet" href="path_to_special_print_css" media="print" />

そして、このcssファイルにこれを追加します：

#resizeblock {
  visible: hidden;
}

score 0 · Accepted Answer

で特定の印刷スタイルシートを使用してい<head>ますか? このような：

<link rel="stylesheet" type="text/css" media="print" href="print.css">

ではprint.css、印刷固有のプロパティを設定できます。したがって、リサイズをターゲットにして非表示にすることができます。

.resizer { display: none; }

(リサイザにresizerクラスがあると仮定)

3 に答える 3