位置:固定CSS媒体打印似乎重复打印内容?
鉴于div:位置:固定CSS媒体打印似乎重复打印内容?,css,printing,position,duplicates,fixed,Css,Printing,Position,Duplicates,Fixed,鉴于div: ... <div id='section-to-print'>CONT /*Content*/ </div> ... 每当我打印时(例如ctrl+p),它只显示/content/区域中的内容(如预期)。但是,内容是重复的。如果我在chrome中模拟打印媒体,它会正确显示。另外,我注意到如果我移除/更改位置:fixed使其“正常”工作(不复制),但位置错误 我在谷歌上找不到任何类似的问题,老实说,我以前从未见过
...
<div id='section-to-print'>CONT
/*Content*/
</div>
...
每当我打印时(例如ctrl+p),它只显示/content/区域中的内容(如预期)。但是,内容是重复的。如果我在chrome中模拟打印媒体,它会正确显示。另外,我注意到如果我移除/更改位置:fixed使其“正常”工作(不复制),但位置错误
我在谷歌上找不到任何类似的问题,老实说,我以前从未见过这种行为
有人知道我打印时为什么会复制内容吗?
另外,我在不止一台计算机上进行了尝试,所有计算机上的行为都是相同的。我找到了一个解决方案,解决了同样的问题。请尝试使用静态位置而不是固定位置!对吗
有关此问题的更多信息:
@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;
}
}