2013-08-26 66 views
0

我想打印一個div有overflow-x:auto;屬性(它包裹了幾個頁面寬度)。Window.Print()Div和Overflow-x?

在Chrome中,頁面已縮放並顯示正確。但是,在IE(8-10)中,它將div截斷到屏幕上可見的部分。

下面是我的函數:

function print() { 
      var printContent = document.getElementById("<%=printable.ClientID%>"); 
      var windowUrl = 'about:blank'; 
      var uniqueName = new Date(); 
      var windowName = 'Print' + uniqueName.getTime(); 
      var printWindow = window.open(windowUrl, windowName, 'left=5000,top=5000,width=0,height=0'); 

      printWindow.document.write("<html> "); 
      printWindow.document.write("<head> "); 
      printWindow.document.write("<link type=text/css rel=stylesheet href='/eBusinessStylesNew.css' /> "); 
      printWindow.document.write("</head> "); 
      printWindow.document.write("<body topmargin=0 leftmargin=0 bgcolor='#ffffff'> "); 
      printWindow.document.write(printContent.innerHTML); 
      printWindow.document.write("</body> "); 
      printWindow.document.write("</html> "); 
      printWindow.document.close(); 
      printWindow.focus(); 
      printWindow.print(); 
      printWindow.close(); 
      return false; 
     } 

請問有什麼可以添加到函數正確打印我的DIV?

+0

也許我是題外話,但你不能在DIV的一個隱藏的副本工作,並在打印前解除溢出? – jonBreizh

回答

1

試試這個(後<link...>):

printWindow.document.write('<style media="print">a_selector_for_the_div{overflow-x:visible;}</style>');