2016-10-12 2 views
0

У меня есть следующие печати CSS:печати CSS не удается только в Safari

@media print { 
body > * { 
    display: none; 
    height:100%; 
    overflow: hidden; 
    background: #FFF; 
} 

.print-div{ 
    display: block !important; 
    left: 0; 
    top: 0; 
    right: 0; 
    left: 0; 
    border: none; 
    position: absolute; 
    page-break-before: always; 
    page-break-inside: avoid; 
} 
} 

Это отлично работает в Firefox и Chrome, но терпит неудачу в Safari. В обзоре печати Safari будет отображаться только пустая страница.

Я попытался установить тело с «видимостью: скрытым» и print-div с «видимостью: видимым», div появится, но тело будет иметь слишком много страниц, и я хочу только напечатать на одной странице с моим print-div.

Почему дисплей не работает в Safari?

+0

Вы указали высоту 100% и html? (высота, не ширина, я написал это неправильно раньше) – Johannes

+0

@Johannes Спасибо за ваш комментарий! И да, но это тоже не сработало. Я постарался установить все позиции моего div в статичные или относительные, и это сработало. – ydydyd

ответ

0

Для тех, кто сталкивается с подобными проблемами, я попытался установить свой печатный div position:static для печати. Не знаю, почему, но это работает.

Смежные вопросы