爲什麼在打印區域中省略了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。