Internet Explorer 8不会修改打印样式表中的HTML5标记

Question

我之前正在处理打印样式表，并遇到了IE8的问题。 我正在使用HTML5和几个布局标签，包括标题，导航和页脚。

出于某种原因，在我的打印样式表中，display：none; 在IE8中忽略了这些标签上的声明（我只能假设后续的较低版本）。 我首先想到IE9中的Developer Tools可能会导致错误表示，但我在VirtualBox中安装了Windows XP，这也显示了问题。

我的猜测是因为IE9以下的任何东西都看不到HTML5标签。 打印样式表隐藏了Firefox和Chrome中的布局标签。

反正有没有绕过这个？

编辑：

这就是我现在所拥有的：

<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/print.css" type="text/css" media="print" />

忽略PHP语句，它们特定于我的CMS，即WordPress。

然后我只是在print.css中隐藏布局标签：

nav,footer { 
display:none;
}

这适用于IE9，Firefox，Chrome但不低于IE9。 它似乎忽略了HTML5标签。

Answer 1

我建议你试试html5shiv 。 主shiv会像你一样对document.createElement() ，但它已被疯狂地优化/缩小。 更重要的是，它包括printshiv （IE Print Protector），它可以让你为HTML5元素设置打印样式。

Answer 2

使用Modernizr 。 在Extra中，确保选中html5shiv / w printshiv。 在您的网站上添加此JavaScript库，它应该像魅力一样工作。

Answer 3

因为我所能做的就是在没有真正看到代码的情况下猜测，我的第一个猜测是在css声明之后使用的html5 shiv，而css只是跳过html 5标签，而不对它们应用css样式。 尝试在头部的任何css链接标记之前设置脚本。

Answer 4

您可以使用Javascript尝试使用Javascript，通过包含一对onbeforeprint和onafterprint函数来隐藏/显示应该显示的内容display:none 。

Answer 5

我非常建议您使用样板来解决问题。 几乎每个浏览器都是一个很好的网络标准汇编和一些知识和常见问题。 它使用modernizr，并有一个很棒的样式表，有一个@media打印，可以用于所有浏览器中的所有打印问题。