使灯箱支持在网页上打印

我知道这个想法是使用一个单独的样式表进行打印,当用户点击灯箱上的打印按钮时,该样式表会隐藏灯箱以外的所有内容。

这听起来很容易,但总有一些障碍。 所以我想知道是否有任何支持所有主流浏览器的工作示例。

我在谷歌搜索并找到了许多灯箱,但没有一个内置打印按钮。

我建议你看一下这篇文章http://www.bennadel.com/blog/1591-Ask-Ben-Print-Part-Of-A-Web-Page-With-jQuery.htm

它的工作原理是暂时创建一个用户无法看到的iframe,并快速将所有内容打印到其中(例如只是一个div及其内容)。 然后打印iframe的内容。

顺便说一句,样式表方法可能被认为是“走的路”,但根据我的经验,它有几个跨浏览器问题。

编辑:实际上,这看起来就像你在寻找http://plugins.jquery.com/project/jqPrint

创建一个新的CSS文档,在其中隐藏除lightbox- div之外的所有内容。 在文档中包含样式表,其属性为media="print"

就像是