为什么css在打印区

Question

我的页面打印区域有问题。当我尝试打印整页结构是用css工作，但当我想要打印区域，CSS不工作，省略。为什么？

我使用bootstrap 3并通过此代码触发打印：

 $(document).on('click','#print', function(){
         w=window.open();
         w.document.write($(this).parents('.panel').find('.panel-body').html());
         w.print();
         w.close();
});

我试试这个css但不行。

@media print {
  body * {
    visibility: hidden;
  }
  table, table * {
    visibility: visible;
    direction:rtl;
  }
  table {
    position: absolute;
    left: 0;
    top: 0;
  }
}

Answer 1

您可能只需要将样式元素（使用媒体打印）添加到您在打印窗口中生成的html中。 此外，您应该考虑是否需要将任何其他CSS应用于打印文档。 您正在复制当前页面的某些元素，但不是css。