Question

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

jQueryUI中的某个设置是否会将媒体更改为全部而不是屏幕？或者还有什么阻止这些样式应用于打印版本。

Answer 1

CSS中应用的背景图像不会打印（默认情况下）。如果这是问题，你会发现它可能是原因。是否有特定的东西没有印刷？

Answer 2

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

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

在FireFox中，执行打印预览，然后单击“页面设置”按钮。您会看到打印背景（颜色和图像）复选框。

在Chrome中，遗憾的是，不能没有IETAB扩展程序。请参阅this support thread。

并且，为了证明在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>

Answer 3

您可以通过确保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" />

jQueryUI ThemeRoller样式不在打印版本中显示

3 个答案: