title: why css omitted in print area
body: <p>I have a issue with print area from page . when i try print whole page structure is work with css but when i want print area , css not work and omitted . why ?</p>
  
  <p>I use bootstrap 3 and i fired print by this code :</p>
  
  <pre><code> $(document).on('click','#print', function(){
           w=window.open();
           w.document.write($(this).parents('.panel').find('.panel-body').html());
           w.print();
           w.close();
  });
  </code></pre>
  
  <p>I try this css but not work .</p>
  
  <pre><code>@media print {
    body * {
      visibility: hidden;
    }
    table, table * {
      visibility: visible;
      direction:rtl;
    }
    table {
      position: absolute;
      left: 0;
      top: 0;
    }
  }
  </code></pre>