我之前正在制作打印样式表,并遇到了 IE8 的问题。我正在使用 HTML5 和几个布局标签,包括页眉、导航和页脚。
由于某种原因,在我的打印样式表中显示:无;这些标签上的声明在 IE8 中被忽略(我只能假设后续的较低版本)。我首先认为 IE9 中的开发工具可能会导致错误表示,但是我在 VirtualBox 中安装了 Windows XP,这也显示了该问题。
我的猜测是因为 IE9 以下的任何内容都无法正确看到 HTML5 标签。打印样式表隐藏 Firefox 和 Chrome 中的布局标签。
有办法解决这个问题吗?
Edit:
这是我现在所拥有的:
<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 标签。
我建议你尝试一下html5shiv http://code.google.com/p/html5shiv/。主要的 shiv 是document.createElement()
就像你一样,但它已经被疯狂地优化/缩小了。更重要的是,它包括普林特希夫 https://github.com/aFarkas/html5shiv/blob/master/src/html5shiv-printshiv.js(IE Print Protector)可让您设置 HTML5 元素的打印样式。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)