如何解决非IE浏览器的web打印

阅读更多

非IE浏览器例如FF，chrome，在打印时，默认是不会打印table的背景和图片的，必须手动设置。而IE有activeX和wb可以设置，通过JS修改默认配置。
难道真的无法实现了吗，下载了jprintarea也是无法实现的。
如果需要套打或者要实现打印预览并在预览中设置打印效果，那就很难实现了。
window.print的功能确实是比较弱的。
我觉得解决办法就是不用background-color和background-image样式。而采用div+image的方式
将背景图片放在image中，image用绝对定位和clip属性定位到指定位置。

.menu-about { 
    position: relative;
    top: 0; left: -293px;
    width: 106px; height: 29px; 
}
.menu-about img {
    position: absolute; 
    clip: rect(0 399px 29px 293px);
}

我覺得這方法的確比較符合實務的情境，不但能跨瀏覽器，列印的問題也解決了，HTML 也比較乾淨

我的demo代码

	
		

		
		
		

		
		
		
		
	

	
		

			Print
		
		

			
			

				

					

						
Publication Date
Account
Issue No.
首數
印數
Edit
					
					

						
2012-10-17
ED
123456
A:1.00
						

						B:1.12
						

						C:1.32
						

						
A:1
						

						B:3
						

						C:1
						

						D:1
						

						E:1
						

						

						
						
					
					

						
2012-10-15
OS
123
A:1.00
						

						D:1.12
						

						
A:1
						

						B:1
						

						C:1
						

						D:1
						

						E:1
						

						

						
						
					
					

						
2012-10-15
WW
012
A:1
						

						

						
						
					
					

						
2012-10-10
OS
00
A:1
						

						

						
						
					
				
			
		
	

参考：http://blog.miniasp.com/post/2008/12/CSS-Spriting-without-using-background-image.aspx