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

症状

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

例示

HTML文書:

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

b144.css:

@media projection {
  div.prj {
    border: 2px dashed blue;
  }
}
screen:ボーダーなし

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

スクリーンショット

WinIE6.0WinIE6.0標準モード

WinIE5.5WinIE5.5

補足

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

修正状況

  • WinIE5.0、WinIE5.5で不具合の発生を確認しました。
  • WinIE6.0でこの不具合は発生しないようです。

スポンサーリンク

関連記事

スポンサーリンク

DROP INDEX インデックスを削除する

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る