2

我在我的页面上使用 ThemeRoller 和 jQueryUI,并且样式没有应用于打印版本。

jQueryUI 中是否有一个设置可以将媒体更改为全部而不是屏幕?或者是否有其他东西阻止这些样式应用于打印版本。

4

3 回答 3

6

CSS 中应用的背景图像不打印(默认情况下)。如果这是您看到的问题,那可能就是原因。是否有特定的东西没有打印?

于 2011-08-10T23:42:59.437 回答
0

在大多数浏览器中,打印背景颜色和图像被禁用。您需要先启用它,然后才能在打印时正确查看样式。

在 IE 中,进行打印预览,然后单击页面设置按钮。您将看到打印背景颜色和图像复选框。

在 FireFox 中,进行打印预览,然后单击页面设置按钮。您将看到一个打印背景(颜色和图像)复选框。

在 Chrome 中,不幸的是,你不能没有 IETAB 扩展。请参阅此支持线程

并且,为了证明 CSS 中应用的背景图片确实在浏览器中的设置打开时打印,请使用以下代码并将其放入基本的 HTML 页面中。在 IE、FireFox 或其他支持图像打印设置的浏览器中打开它。然后,打开/关闭设置。您会在打印预览中看到小箭头图像出现/消失。

    <style type="text/css">
        .link {
            background: url(http://www.famfamfam.com/lab/icons/silk/icons/control_play.png) no-repeat;
        }
        .link a {
            padding-left: 18px;
        }
    </style>

    <div class="link">
        <a href="#">Test Link</a>
    </div>
于 2011-08-17T10:28:03.687 回答
0

您只需确保 jQuery Theme Roller CSS 文件具有 media 属性即可解决此问题。它与 jQuery UI 无关,它是浏览器的内在本质。

改变

<link rel="stylesheet" href="URL to your print.css" type="text/css" media="screen" />

对此(或同时添加)

<link rel="stylesheet" href="URL to your print.css" type="text/css" media="print" />
于 2011-08-17T19:59:03.730 回答