Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Вывести на печать DIV как его видно в браузере (с учетом фона с стилей) (https://javascript.ru/forum/dom-window/43956-vyvesti-na-pechat-div-kak-ego-vidno-v-brauzere-s-uchetom-fona-s-stilejj.html)

unomomento 28.12.2013 00:15
Вывести на печать DIV как его видно в браузере (с учетом фона с стилей)
 
Проблема в том, что DIV распечатывается избирательно: background-image выпадает полностью, прозрачность, закругления углов и другие элементы оформления не учитываются.

Задача вывести на печать DIV так как его видно в браузере или близко к этому.
Поделитесь, пожалуйста опытом, как это сделать. Спасибо!

unomomento 28.12.2013 00:26
Вот так
http://stackoverflow.com/questions/2...tents-of-a-div

unomomento 28.12.2013 00:30
Но, я думаю смысл даже не в этом.
Потому что если я просто сохраняю нужный див в отельную страницу, открываю ее в браузере (в окне браузера ничего кроме этого дива нет).
Нажимаю в браузере вручную Печать, то все равно распечатывается без фоновых изображений, без учета стилей и т.д.

Нужно видимо что-то с дивом сделать, чтоб он корректно вывелся на печать...

unomomento 28.12.2013 00:43
Бесполезно.
Вот пример, чтоб было понятнее в чем вопрос. Он не именно в этом методе.

Сохраняем в отдельный файл, например такой код
Код:
<div style="background-image:url('any.jpg'); width:500px; height:230px; border-radius: 5px 5px 5px 5px; float:left;">
123
</div>
где стиль уже прописан.
Нажимаем в браузере Печать с предварительным просмотром и уже там стили почему-то отвалятся...
А если прозрачность дива установлена через opacity, то его вообще на печати не будет!
Из любого браузера печатаются только цифры 123 и все. В этом проблема. Не понимаю как ее решить.


Часовой пояс GMT +3, время: 02:32.