Web 应用程序打印按钮对于 IE8 在不同客户端站上的行为有所不同

Question

我有一个 ASP 网络应用程序。它有一个带有 print.css 样式表的打印按钮。 print.css 非常基本，只是将具有图像的 div 设置为不显示样式。

我们都有安装了 ie8 作为主浏览器的虚拟机。当我选择“打印”按钮时，我看到页面的行为正常。打印输出很好，没有任何图像或徽标。

但对于某些具有相同浏览器 ie8 的站点，它的行为就好像完全忽略 print.css 并打印所有徽标和图像。

我很困惑，不知道要检查什么。只是想知道其他人是否更早遇到过这个问题，或者只是知道要寻找什么。

谢谢

Answer 1

您可以尝试在样式表中添加 @media print 的一件事：

@media print CSS媒体类型定义了不同类型的规则
演示媒体。正常显示使用@media屏幕规则；
可以使用已定义的@media print（来自维基百科）来定义打印规则

像这样实现它：

/* stylesheet print.css */
@media print {
    #header, #main-nav, #footer, .page_header, ul#progress-bar { display: none; }
}

• 更新：好的，这没有帮助......

---

好吧，如果您使用例如firebug（或任何可以在浏览器中检查页面的控制台） ）它将向您显示哪些 css 样式实际应用于每个元素。如果您不知道，Firebug 是可用于 Firefox 和 safari、chrome（firebug light）的扩展...可能还有其他扩展，但它是我每天使用的非常有用的工具。

因此，您可以尝试的另一个建议是：

• 创建打印页面作为测试，并且仅包含 print.css （实际上，这确实应该有效）
• 在浏览器中直接打开此页面（没有 js 转发）并尝试打印它。 ..如果可行，请尝试正常链接到此打印页面而不使用js，如果可能的话...