css - @media print 在 IE8/9/10 中不起作用

Question

我在 HTML 文件中有 2 个 div(div1,div2) 和 2 个按钮(full, half)。

当我单击按钮已满时，它会显示 div 的内容并打印 2 页，包括 div1 和 div2 的内容。

当我单击一半按钮时，它只显示 div2 内容并隐藏 div1。每当我打印显示的 div2 时，它都适用于 chrome，ff。

显示在所有网络浏览器中都很完美。

我的问题是它在 IE8/9/10 中打印两页而不是单页。我在 css 文件中使用了以下代码，但 @media print 不起作用。

.div1{
display: none;  
padding-top: 10px;
  }
  @media print {.div1{ display: none; } }

我只需要打印显示的 page(div2) 。请帮忙。