IFRAME的打印内容
|
我正在尝试在iframe中打印内容。下面的代码工作正常。
HTML:
<div id=\"containerDiv\">
<p>
<table cellpadding=\"1\" width=\"100%\" height=\"100%\" cellspacing=\"0\" border=\"0\">
<tr>
<td align=\"right\" ><img src=\"Images/printer1.png\" alt=\"Print\" id=\"imgprint\" onclick=\"printticket()\" style=\"display:none;cursor:pointer;padding-top:2px;\" /></td>
</tr>
<tr>
<td align=\"center\">
<iframe id=\"OverlayDis\" name=\"OverlayDis\" scrolling=\"yes\" src=\"Default1.aspx\" allowtransparency=\"true\"
runat=\"server\" frameborder=\"0\" style=\"background-color: white; width: 980px; height: 500px;\"></iframe>
</td>
</tr>
<tr>
<td align=\"center\"><input type=\"button\" style=\"background-color:#400000;border:solid 1px black;color:White;font-weight:bold\" id=\"closeLink\" href=\"javascript:void(0);\" value=\"Close\"/></td>
</tr>
</table>
</p>
</div>
JS:
window.frames[\"OverlayDis\"].focus();
window.frames[\"OverlayDis\"].print();
但是我对字体大小有问题。可见字体大小不是硬拷贝。页面所有文本的大小均为12px,但是输出打印的字体为8pt或更小。
发生了什么?
@media print
{
body{font-family:verdana; font-size:10px;}
span.subheader{font-family: Verdana; font-size: 12px; font-weight: bold;}
span.sign{float:right;padding-right:20px;padding-top:20px;font-size:12px;font-weight:20px;font-weight: bold;}
}
@media screen
{
body{font-family:verdana; font-size:10px;}
span.subheader{font-family: Verdana; font-size: 12px; font-weight: bold;}
span.sign{float:right;padding-right:20px;padding-top:20px;font-size:12px;font-weight:20px;font-weight: bold;}
}
我将这种样式添加到我的页面上进行打印,但是仍然无法正常工作,因此即使是小字体打印也是如此。.另一件事是我已经使用灯箱插件来显示此框架。
var test;
Event.observe(window, \'load\', function () {
test = new Lightbox(\'containerDiv\');
});
function OpenOverlay(url)
{
document.getElementById(\'OverlayDis\').src = url;
test.open();
Event.observe(\'closeLink\', \'click\', function () {
test.close();
});
}
我怎么了
没有找到相关结果
已邀请:
2 个回复
棠媳鳖
香腔弥胯瓤