jquery - 在打印时隐藏调整大小功能

Question

我有一个页面，用户可以调整图像大小以制作情绪板。一切正常，除了打印。如果他们打印情绪板，则调整大小的位置会出现一个白色方块。我不知道是否需要css。

在纸上打印时如何隐藏调整器？

目前我没有用于调整大小的 CSS。我正在使用jquery 调整大小功能。

例子

在此处输入图像描述

score 1 · Accepted Answer

1

使用 jQuery，通常你会调用$('#yourId').hide(). 那没有用吗？

于 2013-03-18T15:28:00.083 回答

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