下载DIV作为PDF时，如何显示一个部分，但将其隐藏在屏幕上

Question

i使用Xeponline格式库库将特定的Div保存为PDF文件，当用户按下提交按钮时。我在这里询问如何在保存的文件上可见时在屏幕上不可见一个部分。有关下面的更多详细信息，我有一个包含图像＆amp;的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>

CSS

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

javascript

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

你们中有人可以找到一种方法吗？

Answer 1

您可以将媒体查询语法用于打印命令显示您的div。

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