Элемент печати в стиле 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>

В браузере все выглядит нормально. Так же, как я хочу. Смотри картинку ниже.

картинка с и без -webkit-mask-box-image

Но как только я хочу напечатать свою страницу, второй div (#pic2) как-то пропал. Я вижу только черный прямоугольник. Смотрите картинку ниже: введите описание изображения здесь

Есть ли способ получить хорошую версию для печати моего второго div?

Заранее спасибо!

0 ответов

Другие вопросы по тегам