javascript - 打印 Css 未加载

Question

我正在尝试加载我的 print.css，但它似乎没有加载。它在 FF 和 Safari 中工作正常，但问题仅在 IE 中。

我在 head 标签之间有页面的常规外部 CSS

当用户点击打印链接时。它加载打印 css。

<div class="linkPrint">
<a target="_blank" href="?format=print">Print</a>
</div>


var format = getUrlParam('format');
if (format == 'print') {
    $('head').append('<link href="/theme/print.css" rel="stylesheet" type="text/css" />');
} 

但是，在 IE 中它加载标准的 css 而不是 print.css。

如何针对 IE6 修复此问题？

谢谢

Answer 1

您可以在页面上同时加载打印 CSS 和屏幕 CSS 而不会相互干扰 - 您需要指定 media link 标签上的属性:

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

无需通过 javascript 欺骗。

至于IE6 - 它确实支持这个，可以在this上的比较列表中看到页面。