Home > Windows > Internet Explorer > ver.6 Under media属性を含むlink要素で呼び出した外部スタイルシートでは@mediaを無視

media属性を含むlink要素で呼び出した外部スタイルシートでは@mediaを無視

media属性を含むlink要素で外部スタイルシートを読み込む場合、その外部スタイルシート内で指定した@mediaキーワードは無視される。

例示

HTML文書：

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

fig1.css：

@media projection {
    div.prj {
        border: 2px dashed blue;
    }
}

screen：ボーダーなし

screenメディア専用の外部スタイルシートにprojectionメディア専用の宣言を置いています。この宣言はどのメディアでも適用されないはずです。

WinIE6.0標準モード

WinIE5.5

media="all" や media="" という指定を含むlink要素でもこの不具合が発生します。@mediaキーワードを使用する外部スタイルシートはmedia属性のないlink要素で読み込んでください。