【问题标题】:Making a lightbox support printing on web page制作灯箱支持在网页上打印
【发布时间】:2010-05-10 08:22:57
【问题描述】:

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

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

我在谷歌上搜索,发现很多灯箱,但没有一个内置打印按钮。

【问题讨论】:

    标签: jquery css printing lightbox


    【解决方案1】:

    我建议你看看这篇文章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

    【讨论】:

      【解决方案2】:

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

      类似

      <link rel="stylesheet" href="/stylesheets/print.css"
          type="text/css" media="print" /> 
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2016-01-26
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2012-12-23
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多