为什么在打印区域中省略了css

Question

我在页面打印区域有问题。当我尝试打印整个页面结构是与CSS工作，但是当我想打印区域，CSS不工作和省略。为什么？

我用引导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。