通过按钮关闭表格中的图像答案

【问题标题】：Turn off images within a table from a button通过按钮关闭表格中的图像
【发布时间】：2014-04-09 14:38:48
【问题描述】：

我有一个库存系统，每晚都会生成一个包含 200 多件商品和图片的网站。每个表格行一张图片/商品/价格。所有项目都在一个表中。

在使用我使用的自动化程序生成 html 后，我可以添加/编辑它。（由 Network Automation 实现自动化 9）

有没有办法在表格前添加一个按钮来关闭表格中的所有图像？图像占用空间，如果有人要从网站上打印出来。这将是大约 10 页。如果图像已关闭，则为 3 页。基本上我想让它对打印机友好，而不必复制网站并从复制网站中删除图像标签。

我已经在谷歌上搜索了一段时间，但没有提出一个想法。有点告诉我这可能是不可能的。

【问题讨论】：

【解决方案1】：

您可以创建一个专门用于隐藏图像的打印 CSS 文件。

只需添加<link rel="stylesheet" href="print.css" type="text/css" media="print" />

然后在 print.css 里面：

#mytable img { display: none; }

【讨论】：

【解决方案2】：

您可能想看看打印 CSS。在特定于打印的 CSS 中隐藏图片只是 img {display:none;} 的问题，您还可以摆脱页面上其他不需要的东西，例如在打印页面上也无用的导航...

【讨论】：