在打印版本中没有显示meroller样式

jQueryUI ThemeRoller styles not displaying in print version

本文关键字：显示 meroller 样式 打印 版本      更新时间：2023-09-26

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

是否有一个设置在jQueryUI的某个地方，将媒体更改为所有而不是屏幕?还是有什么东西阻止这些样式应用到打印版本?

背景图像应用于CSS不打印(默认情况下)。如果这就是你所看到的问题，那可能就是原因。有没有什么东西不是打印的?

在大多数浏览器中，打印背景色和图像是禁用的。在打印时，您需要启用该功能才能正确地看到样式。

在IE中，做一个打印预览，然后点击页面设置按钮。你会看到一个打印背景颜色和图像复选框。

在FireFox中，做一个打印预览，然后点击页面设置按钮。你会看到一个Print Background (colors &图像)复选框。

在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>

您可以通过确保jQuery Theme Roller CSS文件具有media属性来解决这个问题。它与jQuery UI无关，它是浏览器的固有属性。

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

到this(或两者相加)

<link rel="stylesheet" href="URL to your print.css" type="text/css" media="print" />
相关文章：