css - IE が media=print CSS のスタイルを使用するのはなぜですか?

Question

CSS クラスに追加された DHTML 動作がある次の HTML があります。コードが次のように記述されている場合、Internet Explorer (互換モードのバージョン 8) は、top スタイルのみを使用する代わりに、@media プリントも読み取ります。

<!--[if IE]>
<style>
.roundCorners {
border: 1px solid #b4b4b4;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #fff;
behavior: url(/css/border-radius.htc);
}

@media print {
.roundCorners {
 border: 5px solid #b4b4b4;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 background: #fff;
 behavior: url(/css/border-radius_remove.htc);
}
}
</style>
<![endif]--> 

Answer 1

IE8 は、メディア CSS の代わりに印刷 CSS を使用しています。これは、印刷 CSS がインラインであり、外部ファイルからのものではないためです。このコードが役に立ちます。

<style type="text/css" rel="stylesheet" href="stylesheet_media.css" screen="media">
<style type="text/css" rel="stylesheet" href="stylesheet_print.css" screen="print">