За последние 24 часа нас посетили 22789 программистов и 1223 робота. Сейчас ищут 790 программистов ...

Печать div с фоновым изображением

Тема в разделе "HTML и CSS", создана пользователем Зингер, 11 сен 2019.

  1. Зингер

    Зингер Активный пользователь

    С нами с:
    20 июл 2017
    Сообщения:
    127
    Симпатии:
    7
    Всем привет. Фрагмент HTML
    HTML:
    1. <div>
    2.    <div style="text-align: right;margin-bottom: 10px;">
    3.     <input type="button" value="Печать" class="all_class_button" id="btn_for_print_polzovatel_card" data-id="11"/>
    4.     <input type="button" value="Сохранить" class="all_class_button" data-id="11"/>
    5.    </div>
    6.    <fieldset style="display: table">
    7.     <div style="display: table-cell;vertical-align: middle;">
    8.      <div style="max-width: 150px;max-height: 150px;min-height: 150px;min-width: 150px;
    9.          background-size: contain;background-position: center center;
    10.          background-image: url(http://torgrazmer:8080/systems/1/images_avatar/php44B.jpg);
    11.          background-repeat: no-repeat;cursor: pointer;" id="div_image_dialog_card_polzovatel">
    12.      </div>
    13.     </div>
    14.     <div style="display: table-cell;vertical-align: middle">
    15.      <p style="margin: 10px;font-size: medium" id="p_for_fio_dialog_card_polzovatel">
    16.       Фамилия-&nbsp;<i><mark><strong><u>Иванов</u></strong></mark></i><br>
    17.       Имя-&nbsp;<i><mark><strong><u>Иван</u></strong></mark></i><br>
    18.       Отчество-&nbsp;<i><mark><strong><u>Иванович</u></strong></mark></i><br>
    19.      </p>
    20.     </div>
    21.     <div style="display: table-cell;vertical-align: middle">
    22.      <p style="margin: 10px;font-size: medium" id="p_for_additional_dialog_card_polzovatel">
    23.       Дата рождения-&nbsp;<i><mark><strong><u>1 Янв 1970</u></strong></mark></i><br>
    24.       Пол-&nbsp;<i><mark><strong><u>Женск</u></strong></mark></i><br>
    25.       Должность-&nbsp;<i><mark><strong><u>Должность4</u></strong></mark></i><br>                      
    26.      </p>
    27.     </div>
    28.     <div style="display: table-cell;vertical-align: middle">
    29.      <fieldset>
    30.       <legend>Документ</legend>
    31.       <div style="display: table-cell;vertical-align: middle">
    32.        <p style="margin: 10px;font-size: small" id="p_for_document_dialog_card_polzovatel">
    33.         Документ-&nbsp;<i><mark><strong><u>паспорт</u></strong></mark></i><br>
    34.         Серия и номер-&nbsp;<i><mark><strong><u>серияиномер</u></strong></mark></i><br>
    35.         Когда выдан-&nbsp;<i><mark><strong><u>19 сентября 2019 г</u></strong></mark></i><br>
    36.         Кем выдан-&nbsp;<i><mark><strong><u>Кем то выдан</u></strong></mark></i>
    37.        </p>
    38.       </div>                  
    39.      </fieldset>
    40.     </div>
    41.    </fieldset>
    42.    <fieldset>
    43.     <legend>Место жительства</legend>
    44.     <p style="margin: 10px;font-size: small" id="p_for_adress_dialog_card_polzovatel">
    45.      Страна-&nbsp;<i><mark><strong><u>страна_проживания10</u></strong></mark></i>
    46.      Почтовый индекс-&nbsp;<i><mark><strong><u>индекс10</u></strong></mark></i>
    47.      Область-&nbsp;<i><mark><strong><u>область_проживания10</u></strong></mark></i>
    48.      Населенный пункт-&nbsp;<i><mark><strong><u>нас_проживания10 тип_проживания10</u></strong></mark></i>
    49.      Улица-&nbsp;<i><mark><strong><u>улица10</u></strong></mark></i>
    50.      Дом-&nbsp;<i><mark><strong><u>дом10</u></strong></mark></i>
    51.      Квартира-&nbsp;<i><mark><strong><u>кв10</u></strong></mark></i>
    52.     </p>
    53.    </fieldset>
    54.   </div>

    Код (Javascript):
    1. //Загрузка страницы
    2. $(document).ready(function () {
    3.     $('.all_class_button').button();
    4.     $('#btn_for_print_polzovatel_card').click(function () {
    5.         btn_for_print_polzovatel_card_click_function();
    6.     });
    7. });
    8. //Конец Загрузка страницы
    9.  
    10. //Нажатие на кнопку печать
    11. function btn_for_print_polzovatel_card_click_function() {
    12.     window.print();
    13. }
    14. //Конец Нажатие на кнопку печать
    Кнопка Печать отрабатывает нормально и документ печатается, но почему то не печатается div с фоновым изображением. В чем может быть дело?