html - 使用 css 打开打印背景颜色和图像？ (重命名自 css 打印伪元素和元素背景打印)

Question

我需要用元素和它的伪 :before 制作一个 css 动画CSS 同时保留打印最后状态的能力:

.pump:before {
        content:"";
        width:100px;
        border: 1px solid #0ca3da;
        top:-4px;
        left:-1px;
        height:100px;
        display:inline-block;
        position:relative;
    }
    .pump {
        height:10px;
        width:50%;
        top:4px;
        background:#0ca3da;
        display:inline-block;
        position:relative;
        animation: pump 1s;

    } 
    @keyframes pump {0%   {width: 0px;}}
    @-webkit-keyframes pump {0%   {width: 0px;}}
    .wrap {
        display: inline-block;
        width : 95px;
    }

#pmp {width:34px;}

在屏幕上我需要像这里一样制作动画:http://jsfiddle.net/iskren/L3khm/6/在打印媒体上，我只需要展示移动的最后状态

在 Google Chrome 中，我使用 ctrl+p 并关闭了打印“背景颜色和图像”的选项。所以现在的问题是有什么方法可以在选择打印时将此选项设置为打开

Answer 1

答案原来是在 webkit 用户的这个线程中:

https://stackoverflow.com/a/14784681/3345926

使用:

body{
  -webkit-print-color-adjust:exact;
}