css – 如何将div下载为PDF但在屏幕上隐藏它时如何显示一个部分

当用户按下提交按钮时,我使用xepOnline Formatter库将特定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>

CSS

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

JavaScript的

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

有人可以找到办法吗?

最佳答案
您可以使用媒体查询语法进行打印命令显示您的div.

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

转载注明原文:css – 如何将div下载为PDF但在屏幕上隐藏它时如何显示一个部分 - 代码日志