Почему IE использует стили из media = print CSS? - PullRequest
Новая
       35

Почему IE использует стили из media = print CSS?

2 голосов
/ 01 июля 2011

У меня есть следующий HTML, где к классу CSS добавлено поведение DHTML. Когда код написан следующим образом, Internet Explorer (версия 8 в режиме совместимости) также читает @media print вместо использования только верхнего стиля. 

<!--[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]-->

1 Ответ

0 голосов
/ 06 августа 2011

IE8 использует 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">
...