|
|
|
![]() |
|
Strumenti |
![]() |
#1 |
Senior Member
Iscritto dal: May 2005
Città: Roma
Messaggi: 7938
|
[JS - JQuery - CSS] Stampare una immagine di sfondo con testo sopra
Sallve a tutti, ho questa situazione
div con un contenuto testo, che deve essere stampato Codice:
function stampa() { $('#printJobDiv').css("background-image", "url(/resources/app/portlet/gestione-documenti-portlet/img/pdf-background.png)"); var myWindow = window.open('', '', 'width=screen.availWidth,height=screen.availHeight'); myWindow.document.write($("#printJobDiv").text()); myWindow.document.close(); myWindow.focus(); myWindow.print(); myWindow.close(); } inoltre essendo l'immagine in formato A4 e il testo "molto poco", l'immagine non si vede proprio. come posso forzargli la dimensione del div a quella dell'immagine? Posso bypassare il controllo sullo sfondo della stampa? Immaginando di no all'ultima domanda, posso schiaffarla come immagine sul div principale, che sò mettendogli un z-index -1000 ??? thanks in advance
__________________
My gaming placement |
![]() |
![]() |
![]() |
#2 |
Senior Member
Iscritto dal: Nov 2010
Città: Londra
Messaggi: 620
|
non è questione di browser, è questione che non gli stai proprio passando l'immagine nella new window da quel che vedo, con .text() gli stai passando solo il testo praticamente.
utilizzando questo plugin: http://projects.erikzaadi.com/jQuery....printElement/ segui un pò le istruzioni qui: http://stackoverflow.com/questions/2...hidden-element in linea di massima cmq usi .printElement e gli dai nelle opzioni overridecss con un nuovo foglio di stile identico al tuo attuale ma con l'immagine di sfondo cambiata secondo le tue necessità. |
![]() |
![]() |
![]() |
#3 | |
Senior Member
Iscritto dal: May 2005
Città: Roma
Messaggi: 7938
|
Quote:
__________________
My gaming placement |
|
![]() |
![]() |
![]() |
Strumenti | |
|
|
Tutti gli orari sono GMT +1. Ora sono le: 08:02.