打开用css打印背景颜色和图像？ （重命名自 css 打印伪元素和元素背景打印）

Question

我需要用元素和它的伪元素制作一个css动画：before 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;
}