Question

我正在尝试加载我的print.css但它似乎没有加载。它在FF和Safari中运行良好，但问题仅出现在IE中。

我在头标记之间有页面的常规外部css

当用户点击打印链接时。它会加载print 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，而不会相互干扰 - 您需要在link标记上指定media属性：< / p>

<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页面上的比较列表中看到。

Answer 2

在附加print.css

时，尝试将<link>删除到其他css文件

Answer 3

尝试使用document.write，

document.write('<link href="/theme/print.css" rel="stylesheet" type="text/css" />');

打印Css没有加载

3 个答案: