位置：固定在 CSS 媒体打印上似乎重复打印内容？答案

【问题标题】：Position: fixed on CSS media print seems to duplicate content on print?位置：固定在 CSS 媒体打印上似乎重复打印内容？
【发布时间】：2017-01-02 11:43:42
【问题描述】：

给定 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 中模拟打印媒体，它会正确显示。另外，我注意到如果我删除/更改 CSS 中的 position: fixed; 使其“正常”工作（不重复），但在错误的位置。

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

有人知道为什么我尝试打印时会重复内容吗？此外，我在不止一台计算机上进行了尝试，所有的行为都相同。

【问题讨论】：

标签： css printing position duplicates fixed

【解决方案1】：

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

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

【讨论】：