打印Css没有加载

Question

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

我在head标签之间有页面的常规外部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,而不会相互干扰 - 您需要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 -它不支持这一点,因为可以在比较清单上可以看到这个页面.