我在我的页面上使用 ThemeRoller 和 jQueryUI,并且样式没有应用于打印版本。
jQueryUI 中是否有一个设置可以将媒体更改为全部而不是屏幕?或者是否有其他东西阻止这些样式应用于打印版本。
我在我的页面上使用 ThemeRoller 和 jQueryUI,并且样式没有应用于打印版本。
jQueryUI 中是否有一个设置可以将媒体更改为全部而不是屏幕?或者是否有其他东西阻止这些样式应用于打印版本。
CSS 中应用的背景图像不打印(默认情况下)。如果这是您看到的问题,那可能就是原因。是否有特定的东西没有打印?
在大多数浏览器中,打印背景颜色和图像被禁用。您需要先启用它,然后才能在打印时正确查看样式。
在 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>
您只需确保 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" />