css - 位置:固定在 CSS 媒体打印上似乎重复打印内容？

Question

鉴于 div:

    ...
    <div id='section-to-print'>CONT
        /*Content*/
    </div>
    ...

和 CSS

    @media print {
    * {
        -webkit-transition: none !important;
        transition: none !important;
      }
    body * {
        visibility: hidden;
      }
      #section-to-print {
        position: fixed;
        top: 0;
        left: 0;
      }  
      #section-to-print, #section-to-print * {
        visibility: visible;
      } 
    }

每当我打印(例如 ctrl+ p)时，它只显示/content/区域中的任何内容(如预期)。但是内容是重复的。如果我用 chrome 模拟打印媒体，它会正确显示。另外，我注意到是否删除/更改 position: fixed;在 CSS 中使其“正常”工作(不是重复)，但在错误的位置。

我在谷歌上找不到任何类似的问题，老实说我以前从未见过这种行为。

有人知道为什么我尝试打印时会复制内容吗？
另外，我尝试了超过 1 台计算机，所有计算机的行为都相同。

Answer 1

我找到了一个有同样问题的解决方案。请尝试使用位置静态而不是固定位置!很奇怪吧？

有关该问题的更多信息:
http://css-101.org/fixed-positioning/index.php