4Fang财务软件、四方在线软件、SaaS

简单实用的就是最好的!

帮助中心 | 登录 | 注册 | 关于 |

打印隐藏的iFrame

jangogo @ 2010-3-16 14:04:00

某些用户需要把打印的内容装入一个隐藏的(Display:none) 的 IFRAME ，然后用PAZU指定打印该IFRAME的内容。
但是当Display:none的时候，由于这个IFRAME不能获取焦点而无法被打印，解决的方法有两种：
1. 指定屏幕和打印时采用不同的CSS：
@media print{
    .np{color:white!important;padding-top:99999px;padding-left:99999px;}
    .noprint_{display:none;}
    .printall_{}
    .pagebreak{page-break-after:always}
iframe{display:none;}
}

@media screen{
    .np{}
    .noprint_{}
    .printall_{display:none;}
    .pagebreak{}
}

2.不用Display:none，改用以下CSS：
Width:1px;height:1px;left:-100px;top:-100px;position:absolute
这种方法其实是把IFRAME移到屏幕外，用户看不到来代替display:none