javascript - `background-size: cover;` 的 CSS 打印修复

Question

在打印网页时，是否有一个跨浏览器的修复程序可以将 background-image 与 background-size: cover; 结合使用？

即使是那些使用 JavaScript 的解决方案，我也会很感激!

Answer 1

尝试以下操作:

在您的页面上添加元标记:

<link rel="stylesheet" href="print.css" media="print" />

在 print.css 的下一个标签中:

#mydiv {background-image: url('link/to/imagefile'); background-size:cover; display:block;}

在 style.css 中(在屏幕上):

 #mydiv {display:none}

希望这对你有帮助。