За последние 24 часа нас посетили 18885 программистов и 1638 роботов. Сейчас ищут 1711 программистов ...

Печать модального окна

Тема в разделе "Сделайте за меня", создана пользователем Alex-2, 14 мар 2017.

  1. Alex-2

    Alex-2 Новичок

    С нами с:
    20 фев 2017
    Сообщения:
    17
    Симпатии:
    0
    Здравствуйте!

    Подскажите, что нужно сделать, чтобы на печать выводилось только модальное окно с текстом, а не вся страница?

    Прикрепил фотку модального окна к сообщению.

    Сейчас у меня в CSS:
    Код (CSS):
    1. @media print {
    2. * {
    3.     display: none;
    4.   }
    5.   .print_page {
    6.     display: block;
    7.   }
    8.   .print_page * {
    9.     display: block;
    10.   }
    11. }
    А в HTML (html модального окна):
    HTML:
    1. <button onclick="window.print()" class="print_page">Печать</button>
     

    Вложения:

    #1 Alex-2, 14 мар 2017
    Последнее редактирование модератором: 14 мар 2017
  2. SProx

    SProx Активный пользователь

    С нами с:
    5 сен 2016
    Сообщения:
    34
    Симпатии:
    6
    Открой что необходимо печатать на отдельной странице, а затем печатай, иначе вроде бы никак