включить печать фоновых цветов и изображений с помощью css? (переименован из псевдоэлемента печати css и фоновой печати элемента)

Мне нужно сделать анимацию 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, и мои параметры печати «Фоновые цвета и изображения» были отключены. Итак, теперь возникает вопрос: есть ли способ включить эту опцию при выборе печати?


html css css-animations printing pseudo-element
person Iskren Stanislavov    schedule 27.02.2014    source источник
comment
Вы говорите о печати физической копии страницы с принтера?   -  person dezman    schedule 28.02.2014
comment
Что вы имеете в виду под печатью?   -  person dezman    schedule 28.02.2014
comment
в хроме посылаю команду ctrl+p и там на экране фон элемента с классом насоса не виден   -  person Iskren Stanislavov    schedule 28.02.2014
comment
@GhostGambler я не пытался использовать javascript и два тега div. Я также пытаюсь использовать display:inline-bolck !important; здесь jsfiddle.net/iskren/L3khm/14.   -  person Iskren Stanislavov    schedule 28.02.2014

Ответы (1)


arrow_upward
0
arrow_downward

Ответ оказался в этой теме для пользователя webkit:

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

с использованием:

body{
  -webkit-print-color-adjust:exact;
}
person Iskren Stanislavov    schedule 28.02.2014