Проблемы отображения Mpdf css - печать против экрана - PullRequest
Новая
       13

Проблемы отображения Mpdf css - печать против экрана

0 голосов
/ 26 ноября 2018

В спецификациях mpdf указано, что настройки дисплея в строке или в блоке не могут быть изменены.Я пытаюсь экспортировать PDF-файл с всплывающей подсказкой в ​​стиле css, но он должен быть невидимым в PDF-файле.Печатная версия идеально подходит, экранная версия тоже, только PDF не так.Следующий html / css выведет всплывающую подсказку (как если бы она была частью текста) в PDF (я хочу, чтобы она была невидимой): 

<p>blah <span class="tooltip">hover this to see tooltiptext<div class="tooltiptext"> this information pops up on hovering over the previous words defined in the tooltip class</span> </span> blahblah.</p>

CSS: 

.tooltip .tooltiptext {
    visibility: hidden;
    position: absolute;
    z-index: 1;}
    .tooltip:hover .tooltiptext {visibility: visible;}
    @media print {
      .tooltip .tooltiptext,.tooltip:hover .tooltiptext {	visibility: hidden;	display:none;}
      }
<p>blah <span class="tooltip">hover this to see tooltiptext<div class="tooltiptext"> this information pops up on hovering over the previous words defined in the tooltip class</span> </span> blahblah.</p>

Показывает текст всплывающей подсказки при наведении (экран) или сохраняет его невидимым (печать), но показывает его встроенным в PDF: 

blah hover this to see tooltiptext this information pops up on overing over the previous words defined in the tooltip class blahblah.

Mpdf не применяет стили элементов span.Изменение интервалов на div с отображением inline приводит к тому же результату на экране и в распечатке, но PDF покажет div как блоки (со средним предложением "разрывы строки").Он не требует отображения: встроенный стиль (в соответствии со спецификациями mpdf): 

blah 
hover this to see tooltiptext 
blahblah.

Кажется, я не могу найти решение своей проблемы.У кого-нибудь есть идеи, как это сделать?

...