window.print在Opera中无法正确打印,但打印预览然后文件 - >打印工作完美无缺;使用print css

时间:2012-01-06 17:18:05

标签: css image printing opera print-preview

与其他一些文章不同,这不是window.print()在Opera中不起作用的问题。它确实有效。无论我导航到File-> Print还是调用window.print(),都会打开一个打印对话框。问题是输出不正确。具体地说,应该打印出图像,但只打印一张图像。这只发生在Opera。如果我使用window.print(),则会出现上述问题。如果我再次使用File-> Print,则会出现同样的问题。但是,如果我打开Opera的打印预览选项,然后打开文件 - >打印,它会完美地打印出图像。我不明白。

仅供参考,(重要),我正在使用单独的样式表进行打印。

非常感谢。

更新

我确实在打印样式表中找到了一个对此问题产生重大影响的行:

html { background-color : #FFFFFF; }

未注释时,输出显示在“打印预览”中。然后,我执行File-> Print并正确打印出来。但是在启动window.print()后它不会打印。

注释掉时,输出不会显示在打印预览中。然后,我执行文件 - >打印,它不能正确打印或根本不打印。但它会在启动window.print()后打印。

我不知道该怎么做。

更新2

以下是仍未从File->中正确打印的代码的简化版本。打印,但打印预览正确打印。它应该打印3页,但File-> Print只打印第一页:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <style type="text/css" media="screen">
      #Content {
        height: 250px;
        width: 25%;
        overflow-y: auto;
      }
    </style>

    <style type="text/css" media="print">
      #Content {
        height: 100%;
        width: 100%;
      }
    </style>    
  </head>

  <body>
    <div id="Content">
      <img src="http://i00.i.aliimg.com/photo/v0/247580968/GPS_software_GPS_schematic_diagram.jpg" /><br />
      <img src="http://i00.i.aliimg.com/photo/v0/247580968/GPS_software_GPS_schematic_diagram.jpg" /><br />
      <img src="http://i00.i.aliimg.com/photo/v0/247580968/GPS_software_GPS_schematic_diagram.jpg" />
    </div> 
  </body>
</html>

是否有人对此问题有任何建议,解决方案或解决方法?任何事情都会非常感激,即使它不是正确的答案。

0 个答案:

没有答案