div printen maar print de background niet?

[Verwijderd]

Het volgende ik heb een script gemaakt die alles van de pagina verbergt behalve datgene dat geprint moet worden. DIt werk goed. Ik zie dat divje dat ik wil printen met het achtergrond plaatjes. Alleen wanneer ik dus print dan zie ik de pagina met alleen dat divje (klopt) maar wanneer ik dat print wordt alleen de tekst afgerukt en en niet de achtergrond.

function printDiv(type)
{
if(type == 'pearl')
{
document.getElementById(type).style.visibility='visible';
document.getElementById('main').style.visibility='hidden';
document.getElementById('opal').style.visibility='hidden';
document.getElementById('ruby').style.visibility='hidden';
document.getElementById('sapphire').style.visibility='hidden';
}

window.print();

}

<div style="position:relative">
<div id="pearl" style="visibility:hidden; position:absolute; background-attachment: fixed; background-image : url(pic/web/popup_pearl.jpg);">


<table style="margin-top:90px;margin-left:5px" width="245px" height="154px" border="0">
<tr>
<td colspan="2" height="120px" valign="top">
Hier komt de informatie over de hapro / pearl
</td>
</tr>
<tr>
<td height="34px">
<a onclick="printDiv('pearl');">
[img]"pic/web/print.gif"[/img]
</a>
</td>
<td align="right">
<a onclick="unload_this_Popup('pearl');">
[img]"pic/web/close.gif"[/img]
</a>
</td>
</tr>
</table>

</div>

[Willem]

Is het niet handiger om een aparte print-stylesheet aan te maken?
Heb je de volledige controle over wat wel en niet geprint wordt.

[Verwijderd]

dat was ook mn bedoeling maar ik kan nergens een goeie site vinden waar dat goed uitgelegd wordt!..
weet jij neit zo'n site?

[disjfa]

www.google.com?

[Willem]

http://www.google.com/sea...=UTF-8&q=print+stylesheet
http://www.w3schools.com/css/css_mediatypes.asp

[Verwijderd]

Oke, ziet er naar uit dat dit makkelijker is. Maar nu heb ik 4 plaatjes. Wanneer je over een van de plaatjes heen gaat wordt die div zichtbaar! (1 van de 4). Die moet ie dus op dat moment afdrukken, hoe maak je dat dan dynamisch? want je kunt niet zeggen voor die andere 3 id="donotprint" toch?

[Willem]

do not print?

In je print.css:
Gewoon img.className { visibility:hidden; };

(of display:none;)

[Verwijderd]

hm....snap er niets van zal wel aan mij liggen. Maar hoe kan ik er dan voor zorgen dat de tweede div geprint wordt zogauw ik daarover heen ga? dan moet je toch een andere class naam hebben?