Css 当以PDF格式下载div但将其隐藏在屏幕上时，如何显示分区

当用户按下提交按钮时，我使用xepOnline格式化程序库将特定的div保存为PDF文件。我在此询问如何使节在屏幕上不可见，而在保存的文件上可见。关于下面的更多细节，我有一个div，其中包含一个图像和一个表。在屏幕上，我只想显示没有图像的表格。图像应该显示在下载的文件上

HTML

<div class="confirmation" id="output">
  <img src="image.jpg" class="noScreen" />
   <h3>Thank you. Your booking has been confirmed</h3>
    <table>
     <tr><td><b>Title</b></td><td>Name</td></tr>
    </table>
</div>
<button id="cmd">Download Invoice As PDF</button>

JavaScript

$('#cmd').click(function () {
return xepOnline.Formatter.Format('output',{render:'download'});
});

---

你们中有人能找到这样做的方法吗？

你们可以使用媒体查询语法来打印命令，在那个里显示你们的div

@media print 
{ 
.noPrint{display:none;} 
.noScreen{display:block;} 
} 

---

试试这个@media print{.noPrint{display:none；}.noScreen{display:block；}}谢谢@Amit这是正确的答案

@media print 
{ 
.noPrint{display:none;} 
.noScreen{display:block;} 
}