Элемент печати в стиле webkit-mask-box-image
Я хочу напечатать (в браузере) div с двумя картинками на нем. Один div (#pic1) имеет фоновое изображение льва, другой div (#pic2) - это то же изображение, но стилизованное с помощью "-webkit-mask-box-image" и background-color (вид наложения цвета в фотошопе).
HTML-код выглядит так:
<section id="page">
<div id="pic1">
</div>
<div id="pic2">
</div>
</section>
В браузере все выглядит нормально. Так же, как я хочу. Смотри картинку ниже.
Но как только я хочу напечатать свою страницу, второй div (#pic2) как-то пропал. Я вижу только черный прямоугольник. Смотрите картинку ниже:
Есть ли способ получить хорошую версию для печати моего второго div?
Заранее спасибо!